Jump to content

Dropdown Menu colour Squarespace 7.1

Go to solution Solved by tuanphan,

Recommended Posts

16 hours ago, MartinMurray said:

Here is the URL - its stil in build... hopefully you can see it if Logged-in to your SS account.

 

Change this code

.header-nav-item--active a {
    background-image: linear-gradient(#5af5fa, #5af5fa) !important;
    padding-bottom: 5px !important;
}

to this

.header-nav-item--active>a {
    background-image: linear-gradient(#5af5fa, #5af5fa) !important;
    padding-bottom: 5px !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
On 4/13/2024 at 7:19 AM, tuanphan said:

Change this code

.header-nav-item--active a {
    background-image: linear-gradient(#5af5fa, #5af5fa) !important;
    padding-bottom: 5px !important;
}

to this

.header-nav-item--active>a {
    background-image: linear-gradient(#5af5fa, #5af5fa) !important;
    padding-bottom: 5px !important;
}

 

@tuanphan This worked perfectly - Thanks Buddy 

Your Martin

Link to comment
  • 1 month later...

Hello. I'm so new to this building a website thing and I'm driving myself nuts. My navigation dropdown background is the same color as the webpage which makes is unreadable as it opens. I would like to do a darker color when the drop down opens so it stands out and doesn't blend in. Also, is there a way to underline the category that is being looked at?

www.familythreadsco.com

 

Thank you so much!!

Link to comment
17 hours ago, familythreads said:

Hello. I'm so new to this building a website thing and I'm driving myself nuts. My navigation dropdown background is the same color as the webpage which makes is unreadable as it opens. I would like to do a darker color when the drop down opens so it stands out and doesn't blend in. Also, is there a way to underline the category that is being looked at?

www.familythreadsco.com

 

Thank you so much!!

You mean desktop dropdown menu or mobile dropdown? With desktop, you can use this to Website > Website Tools > Custom CSS. Replace with your desired color.

div.header-nav-folder-content {
    background-color: #f1f !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

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.