Jump to content

Navigation Formatting Fix

Recommended Posts

  • Replies 2
  • Views 109
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

2 hours ago, Patterson said:

Site URL: https://cranberry-trumpet-9wxf.squarespace.com/

Hello! I am trying to fix a couple things on my navigation. 

For some reason the folder on the three links isn't formatting right and is being positioned to close to the bottom of the nav links.  Is there a way to make the folder background a light gray as well rather than being transparent?

PW: 910

Thanks!

You can try the following code in Custom Css to overwrite the color of folder background

body:not(.header--menu-open) .dark .header-nav-folder-content {
  background: gray;
}

Change the background with the color you want

Hope it makes sense

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox)
🗓️ Delivery Date Picker (Squarespace Date picker form field)
💫 Gallery block 7.1 workaround
🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations)
🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget Templates)

If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you!

 

Link to comment
8 hours ago, bangank36 said:

You can try the following code in Custom Css to overwrite the color of folder background

body:not(.header--menu-open) .dark .header-nav-folder-content {
  background: gray;
}

Change the background with the color you want

Hope it makes sense

It sure does, thank you. Do you how I can fix the folder spacing to not block the line effect from being shown and keeping it from being so close to the nav item? @bangank36 thanks

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.