Archived topic
Indent submenu items in an off-canvas menu + top padding
3 replies · Started by MICHAEL on December 27, 2021
Viewing posts 1–4 of 4
Hi. In my off-canvas menu, when a menu item is untwirled to show its submenus, the submenu items are not indented a bit so they look like a subset. Is there some CSS that can be added to indent all submenu items a bit? Also the very top (home) in my off-canvas menu items starts too close to the top edge... how to add some padding there? Thanks.
Hi there,
try this CSS:
/* Padding to top of Off canvas */
.slideout-navigation.main-navigation .main-nav > ul {
padding-top: 20px;
}
/* Indent sub menus */
.slideout-navigation.main-navigation .main-nav ul ul {
padding: 0 10px;
}That did it! Thanks!
Glad to be of help
This archived topic is closed to new replies.
