Change the text / link size in drop down menu - Forum | JoomShaper
Staff replied Helix Framework

Change the text / link size in drop down menu

Asked by Tom 3 years ago Last activity 3 years ago

Good day to you!

I am trying to change the size of the text/links in the drow down menu to be a bit smaller that the main menu text, but haveing been able tried a few difrent simple css lines but didn't work.
Could you guide me on how to change it to be smaller.

Sample image

Thanx!

3 replies

Oldest first Newest first Most helpful
Mehtaz Afsana Borsha Staff
3 years ago · edited

Hi

Thanks for contacting us. Use this custom CSS

.sp-megamenu-parent .sp-dropdown li.sp-menu-item>a{
    font-size: 15px !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.

-Regards.

Tom Asked this
3 years ago

I was so "close" was missing –li.sp-menu-item>a–

Thank you Mehtaz!!! :)

Mehtaz Afsana Borsha Staff
3 years ago

Glad to know that. You can now close this post by accepting the answer.

Log in to reply.