Tagged: , ,

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • July 20, 2017 at 2:23 am #824290
    M1000000

    Hi Guys,
    I’m trying to work out the new mobile menu structure but have a pressing issue after latest upgrade.
    Could you please provide a css snippet for changing the trigger/break point for the mobile menu the css I used for previous version no longer works).
    Many Thanks,
    M

    July 20, 2017 at 7:48 pm #824828
    Victoria

    Hey M1000000,

    Could you please give us a link to your website, we need more context to be able to help you.
    When do you want the menu to change to burger icon?

    Best regards,
    Victoria

    July 20, 2017 at 8:13 pm #824841
    M1000000

    Hi – working localhost as unable to update Enfold on live site until this resolved

    Simply this:

    By default the main_menu nav switches to the mobile hamburger menu at 960px (I think).

    I need the main_menu nav to switch to the mobile hamburger menu at 1060px instead.

    I need some quick css to make this happen.

    Thanks, M

    July 20, 2017 at 9:50 pm #824868
    M1000000

    OK – this seems to work – pls advise if there’s a better approach.

    The second .av-burger-overlay query is needed to hide the mobile menu if it has been opened but not closed before screen resolution changes.

    @media only screen and (max-width: 1060px ) {
.av-burger-menu-main { 
     display: block!important; 
}
#top .av_mobile_menu_tablet .av-main-nav .menu-item {
     display: none!important;
}}

@media only screen and (min-width: 1059px ) {
.av-burger-overlay {
     display: none!important;
}}
    July 25, 2017 at 7:00 am #829386
    Ismael

    Hi,

    I think that should solve the issue. Thanks for sharing.

    Best regards,
    Ismael

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘mobile menu trigger / breakpoint css’ is closed to new replies.