Tagged: 

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • September 17, 2015 at 6:17 pm #505065
    Vic

    Hi!

    I’d like to know how to make the Fulldwith Sub Menu disappear when a user accesses the site on a mobile device. Currently, there are two options for the Fullwidth Sub Menu: 1) leave menu as is. It ends up wrapping on a small screen causing a bad user experience and 2) display a button for menu.

    Here are some screen shots:

    1) Looks good on the big screen:

    2) How to make it disappear on a smaller screen?

    I like option 1, but it works well only for larger displays. How do you make the Fullwidth Sub Menu hidden when a user accesses the site on an iPhone or another small screen device?

    Thanks,

    Vic

    • This topic was modified 9 years, 2 months ago by Vic. Reason: Added URL
    September 17, 2015 at 6:19 pm #505069
    Yigit

    Hey Vic!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    @media only screen and (max-width: 768px) {
#top .av-submenu-container { display: none !important; }}

    Cheers!
    Yigit

    September 17, 2015 at 6:23 pm #505073
    Vic

    Hey Yigit!

    Thanks for the quick fix. It works great!

    Vic

  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)
  • The topic ‘Hide Fullwidth Sub Menu on Small Screen Devices’ is closed to new replies.