Docs

[thelistener]

Hi there!

How do I show the megamenu only on mobile devices/tablets? I only want the Superfly menu I’ve got right now to show on laptops/desktops.

Click HERE to see the site I’m working on:-)

[Jade]

Hi there,

Please add this code:

@media (max-width: 959px ) {
    .sfm-no-mobile #sfm-sidebar {
        display: none !important;
    }

   #ubermenu-main-2-primary {
        display: block !important;
   }
}

@media (min-width: 960px) {
    #sfm-sidebar {
        display: block !important;
    }

   #ubermenu-main-2-primary {
        display: none !important;
   }

   .x-navbar-inner {
       min-height: 0;
   }
}

Hope this helps.

[thelistener]

I added the code and the Superfly menu dissappeared on my latop/desktop and the Ubermenu was still there. I want the opposite.

Superfly: viewable on laptop/desktop only (not see on mobile)
Uber/Megamenu: collapsed/responsive menu shown only on tablets and mobile (not seen on laptops/desktops).

[thelistener]

also, i’ve already disabled the superfly menu from being seen on mobile. i don’t need code for that. thanks again!

[Rue Nel]

Hello There,

Please use this code instead:

@media (min-width: 980px ) {
   #ubermenu-main-2-primary {
        display: none !important;
   }

   .x-navbar-inner {
       min-height: 0;
   }
}

@media (max-width: 979px) {
   #ubermenu-main-2-primary {
        display: block !important;
   }
}

Please let us know if this works out for you.

[Author]

Posts