Jump to content

Navigation folder and Mobile navigation custom font - York Family

Recommended Posts

Hey Folks, 

I have added a custom font for my Nav menu but I'm having a couple of problems.

1. I want to change the colour of the subfolder font. I have actually already managed this, however it's also changing the colour of the last option on my main navigation.

2. I need to change it for mobile too. Non of the desktop settings have altered the mobile yet. 

Thanks in advance 🙂

Link to comment
  • Replies 10
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

15 minutes ago, TomBatch said:

Hey Folks, 

I have added a custom font for my Nav menu but I'm having a couple of problems.

1. I want to change the colour of the subfolder font. I have actually already managed this, however it's also changing the colour of the last option on my main navigation.

2. I need to change it for mobile too. Non of the desktop settings have altered the mobile yet. 

Thanks in advance 🙂

Can you share your site with the protected password (if it has) so I can take a look?

Greeting, it's BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.
Feel free to check my current Squarespace Plugins Developement: Enable Pinch/Zoom on lightbox, Delivery Date Picker, Keyword Highlighter
If you find my answer fit your need, let's leave a like or upvote so others with the same issue can find their solution. Thank you

Link to comment

This is what I have as so far:

 

@font-face {   
font-family: 'SuisseIntl-Bold';   
src: url(https://static1.squarespace.com/static/5d9633b6cd5e945f60815067/t/6357fb45a1061a1d0112278a/1666710342121/SuisseIntl-Bold+%281%29.otfURL.ttf/.otf), url(https://static1.squarespace.com/static/5d9633b6cd5e945f60815067/t/6357fb45a1061a1d0112278a/1666710342121/SuisseIntl-Bold+%281%29.otfURL.woff), url(https://static1.squarespace.com/static/5d9633b6cd5e945f60815067/t/6357fb45a1061a1d0112278a/1666710342121/SuisseIntl-Bold+%281%29.otfURL.woff2);}
h3 {font-family: 'SuisseIntl-Bold';}
h2 {font-family: 'SuisseIntl-Bold' !important;}
h1 {font-family: 'SuisseIntl-Bold'!important;}
header#header * {font-family: 'SuisseIntl-Bold';}
.subnav a {
   color:dimgrey !important;
}
a.nav-item-page {font-family: 'SuisseIntl-Bold';}
a.nav-item-page {
   color:dimgrey !important;
}
.BlogItem-title {
font-family: 'SuisseIntl-Bold';}

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.