Style Sub Menu - Forum | JoomShaper
Staff replied Helix Framework

Style Sub Menu

Asked by Josef Langenegger 4 years ago Last activity 4 years ago

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;]
} [ }]

8 replies

Oldest first Newest first Most helpful
Ugur Uygur
4 years ago

Hi,

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;
}
Josef Langenegger Asked this
4 years ago

Thanks 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.

Josef Langenegger Asked this
4 years ago

Do you want it like this?

Yes, that's it.

Mehtaz Afsana Borsha Staff
4 years ago

Ok 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.

Josef Langenegger Asked this
4 years ago

Thanks for the answer.
Is there any way to reduce the spacing a little more?

Mehtaz Afsana Borsha Staff
4 years ago

Hi

I think this space is better because if I am trying to reduce more it doesnot look nice

Log in to reply.