Dropdown Menu Font

Support
#1

I’m trying to change the font on the dropdown menu using a standard (non-Pro) header. It’s a font I added myself and it’s working everywhere else I’ve used the Custom CSS to add it, but in the dropdown menus only the first letter is changing. I’ve tried a few different ways:

.desktop .submenu {
font-family: “Cosmic”;
font-size: 20px;
}

.sub-menu a {
font-family: “Cosmic”;
font-size: 20px;
}

.sub-menu a, .x-navbar .mobile .x-nav li > a {
font-family: “Cosmic”;
font-size: 20px;
}

#2

Hello Zach,

Perhaps the font itself was not added correctly on the site that is why your code is not working. If you can please provide us with the URL of the site in question, we will be able to provide you with more information.

For the meantime, you may install the font using the Font Manager and you should be able to set the font family but it will be for the entire menu:

Hope this helps.

#3

Thanks, I’ll see if I can install it that way. I also applied it via CSS to the top level navigation and that’s working just fine. The site is https://colibrimedicine.com.

#4

Actually I no longer have the font file (which was a .tif if that matters). It was emailed and I’m not sure where the person got it from, if it was free, or what. I can try to get them to send it again, but it’s weird that it’s working perfectly fine in one spot but not in another.

#5

Hello Zach,

It looks like you just need to target the submenu links correctly just like what you did for the main navigation items.

Please try this:

.x-navbar .desktop .sub-menu a {
    font-family: "Cosmic";
    text-transform: uppercase;
}

Kindly note that since this is a custom code that changes the default behavior/display of the theme, you will be responsible to maintain or update the code in case you require further changes or if the code stops working in future updates. If you are uncertain how to proceed, it would be best to get in touch with a developer.

Hope this helps.

#6

Dangit! I think I tried just about everything I could find in Chrome’s code inspector, and I somehow missed that one. That did it- thanks!

#7

No worries, Zach. :slight_smile: Glad to hear it’s sorted.

#8

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.