mobile menu different number of levels to desktop view

Permalink Browser Info Environment
Hi again

Thank you yes the burger menu now changes colour as per the settings.

Another question - the desktop view has 2 plus levels of navigation - is it possible to set the mobile view to less than the desktop view ? otherwise it is VERY long.\

Thank you
Mara :)

Type: Pre-Sale
Status: In Progress
Dwebsites
View Replies:
jb1 replied on at Permalink Reply
jb1
Hi Mara,
Yes, you can hide excess side menu items using CSS.

In your theme's CSS file (or if you're using a "custom" skin in the Mega Menu block, you can add the code there):

#mmhamburger .jbmm ul.mega-menuh .sub_menu li a{
display:none;
}


This article explains child selectors:
https://css-tricks.com/child-and-sibling-selectors/...

So you could hide 2nd level submenu items with this:
#mmhamburger .jbmm ul.mega-menuh .sub_menu li > li a{
display:none;
}


Every menu item has a unique CSS class that starts with "pl", so you can isolate specific menu items. Eg. "sub_menu pid-432". So to hide 2nd level children of this specific submenu:

#mmhamburger .jbmm ul.mega-menuh .sub_menu.pid-432 li > li a{
display:none;
}


Hope this helps.

JB

concrete5 Environment Information

# concrete5 Version
Core Version - 8.4.2
Version Installed - 8.4.2
Database Version - 20180716000000

# concrete5 Packages
Automatic Email Obfuscator (2.0.1), Cycle2 Slide Show (1.0.3), ExchangeCore reCAPTCHA (1.1.1), Mega Menu (1.6.4), Spacer (0.9.4)

Browser User-Agent String

Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/81.0.4044.129 Safari/537.36

Hide Post Content

This will replace the post content with the message: "Content has been removed by an Administrator"

Hide Content

Request Refund

You may not request a refund that is not currently owned by you.