Jump to content

Custom font navigation bar and dropdown menu

Recommended Posts

Site URL: https://douw.design/werk

Hi there,

I'm trying to add code in CSS to change the font of the navigation bar and the drop down menu, but with no succes. I tried every piece of code I could find on the forum, but it doesn't seem to work. I had no trouble with the code for h1, h2 and h3 - those work perfectly.

Can anyone give me a hand here and help me out with the CSS Code to make this happen for both my standard and mobile site?

It would mean the world to me, because I've already lost quite some time and it's getting frustrating...

Yannick

Link to comment
  • Replies 7
  • Created
  • Last Reply

Top Posters In This Topic

On 6/30/2021 at 5:30 PM, YannickDouw said:

Site URL: https://douw.design/werk

Hi there,

I'm trying to add code in CSS to change the font of the navigation bar and the drop down menu, but with no succes. I tried every piece of code I could find on the forum, but it doesn't seem to work. I had no trouble with the code for h1, h2 and h3 - those work perfectly.

Can anyone give me a hand here and help me out with the CSS Code to make this happen for both my standard and mobile site?

It would mean the world to me, because I've already lost quite some time and it's getting frustrating...

Yannick

Use this code

@font-face {
    font-family: 'Fontfabric - Nexa Black';
    src: url('https://static1.squarespace.com/static/51ee506ee4b0cbccf9a4e880/t/60dc38b9fc78ae0a6b45e354/1625045178125/Fontfabric+-+Nexa+Black.otf');
}

h1, h2, h3, nav#mainNavigation *, .overlay-nav-inner-wrapper * {
    font-family: 'Fontfabric - Nexa Black' !important;
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
  • 4 months later...
On 11/11/2021 at 8:43 PM, sarur said:

Hi @tuanphan, I tried the code above but can't get it to work on my website.

Any tips on what I can try?

URL: https://herring-grouse-6mkf.squarespace.com/

password: magritte123

Try this code

div.header-menu-nav-item *, div.header-nav-item * {
    font-family: monospace;
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
  • 4 months later...
On 4/5/2022 at 2:42 PM, Iwan said:

Hi @tuanphan or @christyprice, I'm trying all of the above CSS codes to change my navigation bar and drop down menu...nothing works...please can you help?

I need my navigation menu and drop down menu to be DIN CONDENSED

https://beige-oleander-mp66.squarespace.com/ password tuansqsp

I see it has already din-condensed-web?

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.