Problem with text (slogan) in header

[dadou351]

Hello,

 

I would like to display a text slogan in the header but I am a problem with the responsive mode. In fact, I'd like that the slogan disappears (or decreases) when the window is smaller.

 

Do you know how to do?

 

My website : www.1art1design.com

 

Best Regards

 

David

Edited December 3, 2014 by dadou351 (see edit history)

[PascalVG]

Add to themes/<your theme folder>/css/global.css (at the end):

 

 

@media (max-width: 767px) {

  #header_slogan {

    display: none;

  }

}

 

 

(You can change 767 to anything you like. this is the browser window size. If the browser size gets below this size the slogan will disappear.

Search in the global.css for '@media' to see what standard sizes are used, like 767, 991, 1199 etc, to make it consistent with other changes of the page.

 

 

Hope this helps,

pascal.

[dadou351]

Hello,

 

Thank you, it works fine

 

David