Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

How to make drop down menu folder for hayden transparent


SteveBall

Question

  • Answers 6
  • Created
  • Last Reply

Top Posters For This Question

Top Posters For This Question

Posted Images

6 answers to this question

Recommended Posts

  • 0

Steve

Yes, you can remove the folder colour (currently black) by adding this to Design > Custom CSS:


#headerNav nav .subnav, #sidecarNav nav .subnav {
 background-color: transparent;
}

I hope this helps.

Also, here's a friendly heads-up about the contrast of your navigation on larger screen sizes in case you aren't aware. You may want to consider changing the colour of the text or adding a darker layer on the banner image so that there is more contrast. People with poor eyesight may struggle to see it as it doesn't pass accessibility tests.

alt text

Contrast Ratio 1.77:1 WCAG AA FAIL

-Paul

Squarespace Expert & Professional Developer

screenshot-2019-08-09-at-151654.png.43717730ea8267bd89abe4588e1ac8f4.png

sf-digital-signature-logo-email145.png.46606a2288a2847f44d81b9b7b58f3a5.png
Hi, I'm Paul, founder of SF Digitalbuilding the features that Squarespace didn't include. Pick dates in any format, show prices in other currencies, take orders without payment or improve your cartI value honesty, integrity, transparency and respect. Links in my posts may refer to SF Digital products or may be affiliate links.  Squarespace. I've been a loyal supporter of the platform since 2007. 

Link to post
  • 0

Hi Paul,

Thank you for the answer that works perfectly, I've taken a look at the contrast as well and edited the overlay to make it a bit darker hopefully this does the trick.

Making the drop down box transparent has created a new issue in that on the gallery pages I cannot add a Banner image or edit the height and so the white text gets lost in the white background.

Is there a way to insert some code to make the banner on those pages bigger?

@Paul2009

https://www.bandrcarpet.co.uk/runners

Thanks for your help!

Steve

Link to post
  • 0

Hi Paul,

Thank you for the answer that works perfectly, I've taken a look at the contrast as well and edited the overlay to make it a bit darker hopefully this does the trick.

Making the drop down box transparent has created a new issue in that on the gallery pages I cannot add a Banner image or edit the height and so the white text gets lost in the white background.

Is there a way to insert some code to make the banner on those pages bigger?

@Paul2009

https://www.bandrcarpet.co.uk/runners

Thanks for your help!

Steve

Link to post
  • 0

You could make the header taller, but it's probably better to restore the dark background on the folder because the header height then remains consistent throughout. You could do this by adding:


#collection-5b2d025c8a922df608278aec #headerNav nav .subnav, #sidecarNav nav .subnav {
 background-color: #212121;
}




sf-digital-signature-logo-email145.png.46606a2288a2847f44d81b9b7b58f3a5.png
Hi, I'm Paul, founder of SF Digitalbuilding the features that Squarespace didn't include. Pick dates in any format, show prices in other currencies, take orders without payment or improve your cartI value honesty, integrity, transparency and respect. Links in my posts may refer to SF Digital products or may be affiliate links.  Squarespace. I've been a loyal supporter of the platform since 2007. 

Link to post
  • 0

Hi Paul,

How would I make the header taller? As I really like the transparent folder and also the banner is taller on all our other pages anyway?

Does the code you have sent make the folder dark on all he pages or only on the gallery/runner gallery pages?

Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...