Jump to content

Change font size of items in dropdown menu navigation

Recommended Posts

Hi!

None of the previous codes have worked for me so I am hoping you might be able to help me.

I am using the Ishimoto template on Squarespace 7.0 and have added CSS for a custom font across most of my site. The code has worked for everything in my navigation except for this one page ("Art Direction"), and it's only happening on the mobile site - the same page looks fine on the desktop version. I'm assuming it has something to do with it being a "folder" and not a page, but I can't figure it out.

Any help or insight is greatly appreciated!! Thank you!

image.png.5e3ac4b5cc23480eecf8205e5bfbd5bb.png

Link to comment
On 1/30/2024 at 12:15 PM, ryanferg said:

Hi!

None of the previous codes have worked for me so I am hoping you might be able to help me.

I am using the Ishimoto template on Squarespace 7.0 and have added CSS for a custom font across most of my site. The code has worked for everything in my navigation except for this one page ("Art Direction"), and it's only happening on the mobile site - the same page looks fine on the desktop version. I'm assuming it has something to do with it being a "folder" and not a page, but I can't figure it out.

Any help or insight is greatly appreciated!! Thank you!

image.png.5e3ac4b5cc23480eecf8205e5bfbd5bb.png

What is site url?

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

Hi,

I would also like to change the font/size/weight of the text in my dropdown menu. If possible also change the background color of the dropdown menu to white.

clementine-salamander-j4rd.squarespace.com

Font: Work Sans (first letter of a single word capitalized)

Color background: #ffffff

Screenshot 2024-02-29 at 15.15.43.png

Edited by jelsan
Link to comment
On 2/29/2024 at 2:17 PM, jelsan said:

Hi,

I would also like to change the font/size/weight of the text in my dropdown menu. If possible also change the background color of the dropdown menu to white.

clementine-salamander-j4rd.squarespace.com

Font: Work Sans (first letter of a single word capitalized)

Color background: #ffffff

Screenshot 2024-02-29 at 15.15.43.png

Your site is private, we can't access it.

You can follow this guide to share url

 

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
16 hours ago, tuanphan said:

Your site is private, we can't access it.

You can follow this guide to share url

 

Hi, apologies, the website should be set up with a password now

password: sqspjelsan

Thank you in advance!

 

Link to comment
On 3/3/2024 at 8:26 AM, jelsan said:

Hi, apologies, the website should be set up with a password now

password: sqspjelsan

Thank you in advance!

 

sqspjelsan

https://clementine-salamander-j4rd.squarespace.com/

password is incorrect

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
  • 2 weeks later...
On 2/29/2024 at 2:17 PM, jelsan said:

Hi,

I would also like to change the font/size/weight of the text in my dropdown menu. If possible also change the background color of the dropdown menu to white.

clementine-salamander-j4rd.squarespace.com

Font: Work Sans (first letter of a single word capitalized)

Color background: #ffffff

Screenshot 2024-02-29 at 15.15.43.png

You can use this code to Website > Website Tools > Custom CSS

div.header-nav-folder-content {
    background-color: #fff !important;
}
div.header-nav-folder-content * {
    font-family: 'Work Sans' !important;
    text-transform: uppercase;
}

 

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
19 hours ago, tuanphan said:

You can use this code to Website > Website Tools > Custom CSS

div.header-nav-folder-content {
    background-color: #fff !important;
}
div.header-nav-folder-content * {
    font-family: 'Work Sans' !important;
    text-transform: uppercase;
}

 

You're the best! Works perfectly

Is it maybe possible to

- give the dropdown menu a bit more padding on top, so the distance between title and menu is bigger?

- give the titles in the dropdown menu an underline as you hover over them?

I appreciate all the help!

 

Link to comment
On 3/21/2024 at 12:49 PM, jelsan said:

You're the best! Works perfectly

Is it maybe possible to

- give the dropdown menu a bit more padding on top, so the distance between title and menu is bigger?

- give the titles in the dropdown menu an underline as you hover over them?

I appreciate all the help!

 

#1. You mean this space?

image.png.dce849c676acf1b0a27d9919ddfcaf2b.png

#2. Use this CSS code

a.header-nav-folder-title:hover {
    text-decoration: underline;
}
div.header-nav-folder-item a:hover {
    text-decoration: underline;
}

 

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
On 3/25/2024 at 3:47 PM, tuanphan said:

#1. You mean this space?

image.png.dce849c676acf1b0a27d9919ddfcaf2b.png

#2. Use this CSS code

a.header-nav-folder-title:hover {
    text-decoration: underline;
}
div.header-nav-folder-item a:hover {
    text-decoration: underline;
}

 

I did mean that space! 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.