RevDun Posted January 7, 2020 Share Posted January 7, 2020 I want to change the font in my header navigation. I'm able to do it to each link that is a direct link (i.e., I click on it and it takes me directly to a page), but the items that are drop-down menus on hover don't change. I'm using this code: #headerNav nav a { font-family: 'AspiraWide' !important; } The website is at www.middle.st – It's subtle, but you can see the "Events" and "Contact Us" links are a slightly different font. Thanks! Link to comment
christyprice Posted January 7, 2020 Share Posted January 7, 2020 Yes, it's a slightly different code for those. Try this: #mainNavigation .folder-toggle { font-family: 'AspiraWide' !important; } christyprice.com 🇺🇸 Austin, TX US ✅ Get my 100+ item Client Process Checklist for $17. 📔 Flourish Journal for Creative Entrepreneurs - 365 days of prompts 🎥 Watch Circle Live: Hello Income (feat. Christy Price and Jeremy Schwartz) 🎬 Watch It's Not Hard to Say Goodbye: Crafting Client Offboarding from Circle Day 2023 Link to comment
RevDun Posted January 7, 2020 Author Share Posted January 7, 2020 That fixed it – thanks so much! Link to comment
Guest Posted January 16, 2020 Share Posted January 16, 2020 Hi. I am using Lusaka and have tried multiple codes to change the font of my navigation, but none have worked. I have managed to change the font of everything else, now its just the navigation I am struggling with. Thanks on beforehand! Link to comment
RevDun Posted January 16, 2020 Author Share Posted January 16, 2020 I'm not an expert, but here's the code I used. Replace "Acrom" with the name of your font. If that doesn't work, I suggest you start a new thread on the forum, since better experts than I will be more likely to see it there. /* change header nav font to Acrom */ #headerNav nav a { font-family: 'Acrom' !important; } #mainNavigation .folder-toggle { font-family: 'Acrom' !important; } Hope that helps! Link to comment
Recommended Posts
Archived
This topic is now archived and is closed to further replies.