Menu Separator As Line
SPD
Hi, Before I start diving into how to do it in CSS I thought I would ask if simpler way. Basically I would like to add horizontal lines between menu I groups (not many, just a coupla) and I was just wondering if its something I can do with SPPB/Helix or am I looking at assign a class to the menu item and doing it via custom.css.
Here is example from the Joomla backend, Content menu. Looking for those thin 'blue' lines https://drive.google.com/file/d/10zFYu9QX8H3fJGWCskpKjgeQGrSEOzdl/view?usp=sharing
Cheers
Mehtaz Afsana Borsha
Accepted AnswerUse this custom CSS
.sp-megamenu-parent .sp-dropdown li.sp-menu-item>a, .sp-megamenu-parent .sp-dropdown li.sp-menu-item span:not(.sp-menu-badge){
border-bottom: 1px solid #4f89b0 !important;
}
Path towards custom CSS: Extensions>Templates>Styles> Click on your current default template name then choose Template Options. Then find custom CSS within the custom code.
Mehtaz Afsana Borsha
Accepted AnswerHi
Thanks for contacting us. Could you please give me your site URL? So that I can check?
-Regards.
SPD
Accepted AnswerSure but there is nothing to check. I just had tried to add the Seperate menu option, under Catalogue, and of course all that was display was the title of the menu option.
I did do some googling on it but couldn't find any joomla related answers so just assumed its probably something I need to do in css but as always, thought I would ask first :-)
SPD
Accepted AnswerThanks, will give it a try. Apprecaite the CSS, was happy to go digging but would have taken ages. fwiw, it wouldn't surprise if many users would find this useful, maybe in future versions an option could be made available or something. Cheers
