Style Sub Menu
JL
Josef Langenegger
Joomla 4.01 Helixultimate 2.0.6
How can I change the line spacing in the submenu? I have tried the following, but without success
offcanvas-menu .offcanvas-inner ul.menu>li>a, .offcanvas-menu .offcanvas-inner ul.menu>li>span {
font-size: 20px;
line-height: 18px;
}
.offcanvas-menu .offcanvas-inner ul.menu>li>ul li a { [ .offcanvas-menu .offcanvas-inner ul.menu>li>ul li a {]
font-size: 16px; [ Schriftgröße: 16px;]
line-height: 20px; [ Zeilenhöhe: 20px;]
} [ }]
Website
https://www.langeneggers.ch
8 Answers
Order by
Newest
Mehtaz Afsana Borsha
Accepted AnswerHi
I think this space is better because if I am trying to reduce more it doesnot look nice
JL
Josef Langenegger
Accepted AnswerThanks for the answer. Is there any way to reduce the spacing a little more?
Mehtaz Afsana Borsha
Accepted AnswerOk then use 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){
padding:0 0px !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 AnswerDo you want it like this?
JL
Josef Langenegger
Accepted AnswerThanks for the inputs.
Yes, the image is from a test site. You can find the link in the hidden content.
@Ugur:The suggested code has no influence.
Mehtaz Afsana Borsha
Accepted Answer
Ugur Uygur
Accepted AnswerHi,
The site you added to the message is another site!
.sp-megamenu-parent .sp-dropdown li.sp-menu-item>a, .sp-megamenu-parent .sp-dropdown li.sp-menu-item span:not(.sp-menu-badge) {
font-size: 14px;
line-height: 1;
display: inline-block;
padding: 8px 0; /* You can set it here */
cursor: pointer;
}