Jump to content

Drop down menu for folder is solid white (unreadable)

Recommended Posts

I added something to the CSS to allow my header to be fixed and the colors to blend.  I think in doing so I've created an issue with a main nav folder and its dropdown menu.  See attached screen shot for how it's simply appearing white with no navigation showing.  I have my site on private and password protected, so let me know if I can also screen shot the CSS code injections I've added.  

Thanks!

Screen Shot 2020-11-02 at 1.09.11 PM.png

Link to comment
1 minute ago, jenartsquare said:

Add to Home > Design > Custom CSS

span.Header-nav-folder {
    background-color: #005285 !important;
}
span.Header-nav-folder * {
    color: white !important;
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
5 minutes ago, jenartsquare said:

This worked, as always.  Thank you, @tuanphan 
I'm buying you a coffee : )

You're welcome.

I have some feedback on your site, hope it useful.

1. I see header is too high on scroll, if you need to reduce logo size on scroll, I can give the code.

2. Do you want change order of some text/images on mobile?

https://www.peripheralviewmedia.com/brand-collection

3. Do you want: show folder items under Our Brand on Mobile menu without clicking on Our brand?

4. I think product title on mobile is big?? You can add this CSS to reduce size

https://www.peripheralviewmedia.com/shop/oracle-series-sunken-earth-book-1

/* reduce product title size mobile */
@media screen and (max-width:640px) {
h1.ProductItem-details-title {
    font-size: 30px !important;
}
}

5. (Tablet) Space between breadcrumb - header big?

If you feel same me, I will give the code to reduce space.

image.thumb.png.7ec0e69e3ffb3c42cc52b42b8fc6772e.png

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

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.