How To Resize Just The Font Of The Drop Down Menu Items - Question | JoomShaper
Back to the questions

How To Resize Just The Font Of The Drop Down Menu Items

MH

Matt Hunt

Helix Framework 6 months ago

How can I resize the font of the just the dropdown menu items? I feel the sub menus should be a couple sizes smaller than the top level menu items.

0
5 Answers
Order by
Oldest Newest Votes
R
Robert
Accepted Answer
6 months ago #136247 
.sp-megamenu-parent .sp-mega-group>li>a {
    display: block;
    text-transform: inherit;
    font-size: 15px;
    font-weight: 400;
    margin-bottom: 10px;
}

Place this in your custom css and change font size to your needs.

0
MH
Matt Hunt
Accepted Answer
6 months ago #136294

Unless I've got something stuck in cache, this isn't working for me.

0
R
Robert
Accepted Answer
6 months ago #136295

Hi,

Maybe this is of some help:

https://youtu.be/92DHCXitqcY?si=A-DWEsnWdttD7smy

0
MH
Matt Hunt
Accepted Answer
6 months ago #136296

Nope, but thanks

0
Rashida Rahman
Rashida Rahman
Accepted Answer
Support Agent 6 months ago #136315

Hi Matt Hunt,

Thanks for contacting us.

Please use the following code in your custom CSS:

.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a{
    font-size: 20px !important;
}

Here is all about custom code placement of Helix Ultimate: https://www.joomshaper.com/documentation/helix-framework/custom-code-css-js-meta

Hope this helps!

Best Regards

0