Tagged: ,

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • October 28, 2014 at 6:14 am #342009
    rurth24

    First, is there any easy way within the settings I can enable the Hamburger menu across all devices. If not is there a custom CSS solution possible? If this requires javascript tweaking, where I should I be looking at. I’m fairly new to wordpress backend and theme creation.

    Thanks, great theme btw… well done.

    • This topic was modified 10 years ago by rurth24.
    October 28, 2014 at 11:54 pm #342471
    Yigit

    Hey!

    Thank you for your kind words! :)
    Currently it is not possible. You can go to Enfold theme options > Header > Mobile Menu and choose to display mobile menu at 990px width. If you would like to display it on screens wider than 990px, please request or vote if already requested, such feature here – https://kriesi.at/support/enfold-feature-requests/

    Best regards,
    Yigit

    October 30, 2014 at 7:11 pm #343545
    matvada

    Is possible to do!

    add this to your custom css

    #advanced_menu_toggle, #advanced_menu_hide { display: block; }
    nav.main_menu { display: none; }
    ul#mobile-advanced {display:block;}

    To set the width of the mobile menu just add this
    .avia_transform3d .show_mobile_menu #mobile-advanced {transform: translate3d(-20%, 0, 0)}
    and change the percentage (-20%) to what you prefer.

    Pay attention to set on responsive this:
    @media only screen and (max-width: 767px) {
    .avia_transform3d .show_mobile_menu #mobile-advanced {transform: translate3d(-100%, 0, 0)}
    }
    to resize the mobile menu on 100% on mobile and tablet.

  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)
  • The topic ‘enable mobile menu on desktop’ is closed to new replies.