TomBatch Posted October 26, 2022 Share Posted October 26, 2022 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
Beyondspace Posted October 26, 2022 Share Posted October 26, 2022 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, Lightbox Studio pluginIf 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
TomBatch Posted October 26, 2022 Author Share Posted October 26, 2022 Hey. Yeah - Here is the site: https://www.batchcoffee.co.uk/ Link to comment
Ziggy Posted October 26, 2022 Share Posted October 26, 2022 This is affect the color of just the sub nav items in the dropdowns: .subnav a { color:dimgrey !important; } TomBatch 1 Please like and upvote if my comments were helpful to you. Cheers! Zygmunt Spray Squarespace Website Designer Contact me: https://squarefortytwo.com 🔌 Ghost Squarespace Plugins (Referral link)📈 SEO Space (Referral link)⬛ SquareWebsites Plugins (Referral link)☕ Did I help? Buy me a coffee? Link to comment
TomBatch Posted October 26, 2022 Author Share Posted October 26, 2022 Great, thanks mate. That worked 🙂 Any idea about the mobile nav? Link to comment
Ziggy Posted October 26, 2022 Share Posted October 26, 2022 Try this: a.nav-item-page { color:dimgrey !important; } Please like and upvote if my comments were helpful to you. Cheers! Zygmunt Spray Squarespace Website Designer Contact me: https://squarefortytwo.com 🔌 Ghost Squarespace Plugins (Referral link)📈 SEO Space (Referral link)⬛ SquareWebsites Plugins (Referral link)☕ Did I help? Buy me a coffee? Link to comment
TomBatch Posted October 26, 2022 Author Share Posted October 26, 2022 So that is kind of working. I need to change the font on the main nav on the mobile first I think. Any idea? Link to comment
TomBatch Posted October 26, 2022 Author Share Posted October 26, 2022 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
Ziggy Posted October 26, 2022 Share Posted October 26, 2022 This should work for all of the nav items on mobile: .mobile-primary-nav-links { font-family: 'SuisseIntl-Bold' !important; } Please like and upvote if my comments were helpful to you. Cheers! Zygmunt Spray Squarespace Website Designer Contact me: https://squarefortytwo.com 🔌 Ghost Squarespace Plugins (Referral link)📈 SEO Space (Referral link)⬛ SquareWebsites Plugins (Referral link)☕ Did I help? Buy me a coffee? Link to comment
TomBatch Posted October 26, 2022 Author Share Posted October 26, 2022 Ziggy! Absolute hero. All works great. Thanks mate. Link to comment
Ziggy Posted October 26, 2022 Share Posted October 26, 2022 No problem, can you mark it as the solution to this thread and upvote? Thanks! Please like and upvote if my comments were helpful to you. Cheers! Zygmunt Spray Squarespace Website Designer Contact me: https://squarefortytwo.com 🔌 Ghost Squarespace Plugins (Referral link)📈 SEO Space (Referral link)⬛ SquareWebsites Plugins (Referral link)☕ Did I help? Buy me a coffee? Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment