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)

image.thumb.png.fe72890f520d6a7cef5911b827469dac.png

 

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

image.thumb.png.56afcae5bb214fd6281911154bd56de1.png

 

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

 

Thank you

Link to comment
  • 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 useful to you. Thanks!

Zygmunt Spray
Squarespace Website Designer
Contact me: https://squarefortytwo.com/ 
🔌Ghost Squarespace Plugins (Referral link)
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.