Limit Menu Levels On Megamenu?
Ignacio Granados
Hi,
I have a main menu with 3 levels (in joomla). Is it possible to limit the megamenu (template livesports) to only 2 fisrt levels (as you do in standard menu module in joola)?
Paul Frankowski
Accepted AnswerI assume that you want to hide it in Desktop view only:
@media (min-width: 840px) {
.sp-megamenu-parent .sp-dropdown.sp-dropdown-sub .sp-dropdown-inner,
body.ltr .sp-megamenu-parent .sp-dropdown .sp-dropdown-items .sp-has-child > a::after
{display: none; visibility: hidden;}
}Short info:
- 1st line of code: use CSS for screen size larger than 840px it means all Laptops and Desktops
- 2nd line of code: class of 3rd submenu box
- 3rd line of code: class of ">" arrow
- Hide above 2 & 3 elements.
- Close rule (1)
Paul Frankowski
Accepted AnswerHi Ignacio,
so you want to hide submenu items from 3rd level, am I right? From Mega Menu settings it's not possible, the only way to hide them is by using extra Custom CSS that would hide from public menu items below 2nd level.
so you have to hide arrow and submenu for 3rd level. Probably it can be done in 4 lines of CSS code.
Helix Ultimate based template?
Ignacio Granados
Accepted AnswerThanks, Paul.
Yes, I want to hide the 3erd level. Using CSS will be fine. I am using live Sport template (https://www.joomshaper.com/joomla-templates/livesports), based on Helix Ultimate. Could you share the proper CSS, please?
Paul Frankowski
Accepted Answeras 1step read: https://www.joomshaper.com/documentation/helix-framework/helix-ultimate-2/custom-code-css-js-meta
in case you do not know where to put below custom CSS.