Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

Custom font navigation bar and dropdown menu


YannickDouw

Question

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
  • Answers 5
  • Created
  • Last Reply

Top Posters For This Question

5 answers to this question

Recommended Posts

  • 0
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.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
  • 0
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.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

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...