Jump to content

Main Navigation Dropdown menu_Colour Problem

Go to solution Solved by Ziggy,

Recommended Posts

I am struggling to solve the following:

I used the following code to customise the 'About' dropdown navigation on the topnav:

a.header-nav-folder-title:hover + div, .header-nav-folder-content {
    text-align: center !important;
    position: absolute;
    left: 50% !important;
    right: unset !important;
    -webkit-transform: translatex(-50%);
    -o-transform: translatex(-50%);
    transform: translatex(-50%);
  background: #00000 !important;


When I view the drop down while in editor it displays correctly: (see image below)



But when viewed on live site the styling is wrong: (see screenshot below)



Please help, I'm a rookie coder, and this is tripping me up.


Thank you

Link to comment
  • Replies 1
  • Views 182
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

  • Solution

@Tessssssssssssssssaaaaaaaa in your CSS you have background: #00000 !important; this turns the background black, remove that and you should be okay.

Please like and upvote if my comments were helpful to you. Cheers!

Zygmunt Spray
Squarespace Website Designer
Contact me: 
Hire me on Upwork!

🔌 Ghost Squarespace Plugins (Referral link)
📈 SEO Space (Referral link)
 SquareWebsites Plugins (Referral link)
 🔲 SQSP Themes (Referral link) 
Spark Plugin (Referral link) 

 Did I help? Buy me a coffee?

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.