Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • December 4, 2013 at 9:51 am #196020
    basilicon

    Hi

    I have a main menu with many items. My client does not want his logo to shrink or be affected by the menu. So i want to trigger the mobile menu earlier than is standard. iPad landscape is just ok. But iPad portrait needs to have the mobile menu.
    menu ipad portrait
    I am using the slide out mobile menu on this site.
    I am using a child theme with a style.css so i can add extra mediaqueries at the bottom of that file.
    Is this ok to do? How can this be done?

    December 4, 2013 at 10:07 am #196028
    basilicon

    Ok, so it seems that i fixed it after searching the forum. Sorry.
    THE FIX:

    – Ad css to childtheme/style.css:

    @media only screen and (max-width: 959px) {
.responsive #header .main_menu ul { display: none;}
.mobile_active #advanced_menu_toggle { display: block;}
}

    – Change in enfold/avia.js:
    switchWidth = 959;

    Thanks guys

    • This reply was modified 10 years, 4 months ago by basilicon.
    December 4, 2013 at 4:58 pm #196228
    Yigit

    Hey!

    Glad you figured it out! Let us know if you have any other questions or issues

    Regards,
    Yigit

  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)
  • The topic ‘Change so that mobile menu triggers earlier’ is closed to new replies.