Tagged: ,

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • November 30, 2014 at 8:23 am #360242
    nperulli

    I noticed that when a browser goes below 1150px in width my menu overlaps the logo. I was wondering how I can alter the responsive switch to kick in at 1150px rather than the current highest which I believe is 990px.

    Thanks

    November 30, 2014 at 11:47 pm #360465
    Josue

    Hey Neil!

    Try adding this code to the Quick CSS:

    @media only screen and (max-width: 1150px) {
.html_mobile_menu_tablet .main_menu , .html_mobile_menu_tablet #header_main_alternate{display:none;}
.html_mobile_menu_tablet .container #advanced_menu_toggle, .html_mobile_menu_tablet #advanced_menu_hide{display:block;}
.html_mobile_menu_tablet #mobile-advanced{display:block;}
}

    Cheers! 
    Josue

    December 2, 2014 at 3:32 am #361252
    nperulli

    Thanks for the suggestion, but it didn’t seem to work.

    December 3, 2014 at 10:08 pm #362518
    Andy

    Hi!

    please clear your browser cache and then try it again.

    Best regards,
    Andy

    December 3, 2014 at 10:23 pm #362532
    nperulli

    Hi Andy,

    I already tried, no difference in result.

    December 4, 2014 at 6:05 pm #363060
    Yigit

    Hey!

    Can you please post the link to your website? Please make sure to disable CSS minifying feature before applying the code Josue posted.

    Best regards,
    Yigit

    December 5, 2014 at 3:32 am #363406
    nperulli
    This reply has been marked as private.
    December 6, 2014 at 5:32 pm #364096
    Andy

    Hi!

    On your website I still see this code:

    @media only screen and (max-width: 989px)
.html_mobile_menu_tablet .container #advanced_menu_toggle, .html_mobile_menu_tablet #advanced_menu_hide {
display: block; }}

    Please replace it with the one from Josue.

    Cheers!
    Andy

    December 8, 2014 at 6:47 pm #364857
    nperulli

    Thanks for your help guys. I did get it to work with Josue code, but instead of putting it in the custom css I had to actually edit the layout.css file.

  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘Responsive Menu Width Change’ is closed to new replies.