Dropdown Menu Items Not Showing Up In The Off Canvas Menu
G
Graeme
Hi This seems to be an issue on several of my sites I have in general been able to use custom CSS to get the Missing elements to display But For some reason on this site all my code which seemed to work on other sites has failed.
And is it posible to get the menu to show in its full state ie all the dropdowns open
Website
https://metis1.dns-systems.net
3 Answers
Order by
Oldest
Paul Frankowski
Accepted AnswerHi Greame,
- Copy your Custom CSS and paste to online CSS Validator to check if there are no mistakes. Sometimes missing "}" can make a big mess. Or order of loading css files as well ;/
- About missing submenu items in Offcanas menu: LOOK DOWN
Paul Frankowski
Accepted AnswerAfter longer investigation. I think in your case missing (+) in Mobile menu seems to be caused by small CSS mistake from our side, sorry for that. Please use below custom CSS lines:
.menu-toggler::after {
content: "\f055";
font-family: "Font Awesome 5 Free";
font-weight: bold;
}
.offcanvas-inner .sp-module ul > li span.menu-toggler {
display: block;
position: absolute;
top: 50%;
right: 0px;
transform: translateY(-50%);
cursor: pointer;
}
.offcanvas-menu .offcanvas-inner .sp-module ul > li.menu-parent.menu-parent-open > a > .menu-toggler::after,
.offcanvas-menu .offcanvas-inner .sp-module ul > li.menu-parent.menu-parent-open > .menu-separator > .menu-toggler::after {
content: "\f056";
}
Paul Frankowski
Accepted AnswerAnd yes, it's possible to display all items, check tip 8. in Helix documeation >>
https://www.joomshaper.com/documentation/helix-framework/helix-ultimate-2/customization-tips