menu

  • Resolved zoomzoom2

    (@zoomzoom2)


    11 years, 3 months ago

    Hello Alexander… best theme ever !

    Please, i want to use topnav and headernav on wide screen but don’t want to display them in small screen (smartphone): is there a special class or id I can use in order to use display:none in CSS ?

    Generally speaking is there a special class or id to use when i want to modify CSS only for small screen?

    Also my header logo always add a padding of 30px in small screen, any way to get reed of it? It doesn’t help when I modify .site-title: it works only for wide screen.

    Last question, is there a class or id to add to a background picture (the one in my header) if I want to make it responsive?

    Thank you very much

Viewing 2 replies - 1 through 2 (of 2 total)

  • Hi there! Thanks.

    If you use the supplied child theme (download link in Theme options Help dropdown top right), you will get a clean style.css with all the mediaqueries so you can specify css for different screens.

    Let’s say you wish to hide header menu for mobile, then you would do:

    @media only screen and (max-width: 719px) {
#nav-header { display: none; }
}

    Thread Starter zoomzoom2

    (@zoomzoom2)

    Works perfect ! Thanks

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘menu’ is closed to new replies.