Hi, i'd like to add some padding to the sub items on the mobile menu in order to get them more distant one from each other, and actually i don't find the right control in the Salient setting panel, i tried them all. Also, i wonder how to control the line height of the menu item (always when it goes into the Off canvas menu on mobile), when the second word of the item breaks (SOLUZIONE E PRODOTTI). I marked everything on the screenshot, thanx in advance.
Add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):
#slide-out-widget-area .inner .off-canvas-menu-container li a .item_desc {
padding: 8px !important;
}
body #slide-out-widget-area .menuwrapper li small, #header-outer .sf-menu li ul li a .item_desc, #slide-out-widget-area.fullscreen-split .off-canvas-menu-container li small, #slide-out-widget-area .off-canvas-menu-container .nectar-ext-menu-item .item_desc, .material #slide-out-widget-area[class*="slide-out-from-right"] .off-canvas-menu-container .menu li small, #header-outer #mobile-menu ul ul > li > a .item_desc, .nectar-ext-menu-item .menu-item-desc, #slide-out-widget-area .inner .off-canvas-menu-container li a .item_desc { line-height: 25px; }
Hi, i'd like to add some padding to the sub items on the mobile menu in order to get them more distant one from each other, and actually i don't find the right control in the Salient setting panel, i tried them all. Also, i wonder how to control the line height of the menu item (always when it goes into the Off canvas menu on mobile), when the second word of the item breaks (SOLUZIONE E PRODOTTI). I marked everything on the screenshot, thanx in advance.
i forgot to attach file
Hey Again,
Add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):
#slide-out-widget-area .inner .off-canvas-menu-container li a .item_desc { padding: 8px !important; }Thanks
ThemeNectar Support Team
Fantastic! It works :-)
And what about the item line height? My problem is only the mobile version when the main menu goes into the off canvas menu. Desktop versione is ok.
Hi There,
Please try this css:
body #slide-out-widget-area .menuwrapper li small, #header-outer .sf-menu li ul li a .item_desc, #slide-out-widget-area.fullscreen-split .off-canvas-menu-container li small, #slide-out-widget-area .off-canvas-menu-container .nectar-ext-menu-item .item_desc, .material #slide-out-widget-area[class*="slide-out-from-right"] .off-canvas-menu-container .menu li small, #header-outer #mobile-menu ul ul > li > a .item_desc, .nectar-ext-menu-item .menu-item-desc, #slide-out-widget-area .inner .off-canvas-menu-container li a .item_desc {line-height: 25px;
}
Thanks.