Problem: After Creating menus for our Website, i made a sub menu which has other child menus, but when i view them on the front end, I am unable to. Here is a video recording of the problem.
https://www.awesomescreenshot.com/video/20113002?key=794bbaef4bb9bf89418231adcfc76225
Expected behavior: We want to be able to see all child menus of our sub menus.
Hi there!
Thanks for contacting us.
Please use the following code in your custom CSS:
.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {
overflow: visible;
}Hope this helps!
Note: Path towards custom CSS(Joomla 4): System>Site Templates Styles> Click on your current default template name then choose Template Options. Then find custom CSS within the custom code.
I have put that in Wimble default and transparent styles already. Please check.
Best Regards
Thanks for accepting the answer...
Hi. Try this code
.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {
overflow: visible;
}But keep in mind that the Joomshaper team set it overflow: hidden; from the box for design reasons. If you apply this code, then the lines will climb outside.
And you will need additional CSS coding to get rid of this.
The design of this template is not designed for the 3rd level of the menu. This is not a bug, but an erroneous design feature. I would do it differently so as not to affect the 3rd level of the menu. But what is, that is.
Use commercial templates as it is. Or pump your CSS skills if you want to change it.
The best template for developing any design is pure Helix Ultimate