Tagged: ,

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • January 21, 2015 at 10:20 pm #383378
    TheMediaman

    I know this question has been asked many times already but I haven’t been able to find the exact solution for me. I have found other @media screen only CSS code to change the spacing between nav menu items between screen widths but that is not want I would like to do.

    The main menu text is under the logo on iPad in landscape mode. It correctly changes to the mobile menu in portrait mode

    Please…I would either like to

    1) activate the header mobile menu for smartphones and tablets below 1200px (instead of 990px)
    OR
    2) add CSS code to change the font size of the main nav menu text when only between 768 and 1200px

    January 22, 2015 at 7:22 pm #383923
    Elliott

    Hi TheMediaman!

    Add this to your custom CSS.

    @media only screen and (max-width: 1200px) {
nav.main_menu { display: none !important; }
#advanced_menu_toggle { display: block !important; }
}

    Cheers!
    Elliott

    January 26, 2015 at 8:11 pm #385807
    TheMediaman

    Thank you, That worked.

  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)
  • The topic ‘Customize header mobile menu activation for smartphones and tablets from 990px’ is closed to new replies.