Jump to content

Marta Template: How to make the background of the dropdown menu slightly transparent?

Recommended Posts

  • Replies 4
  • Views 584
  • Created
  • Last Reply

Please give us the URL for your site. If you've not already done so please set up a site-wide password. Post the password here and then we can take a look at your issue.

 

Find my contributions useful? Please like, upvote, mark my answer as the best ( solution ), and see my profile. Thanks for your support! I am a Squarespace ( and other technological things ) consultant open for new projects.

Link to comment

Add the following to Design > Custom CSS.

.tweak-header-primary-nav-hover-style-fade .Header--overlay .Header-nav .Header-nav-folder {

  background-color: rgba( 255, 255, 255, 0.5 );
  
  }

.tweak-header-primary-nav-hover-style-fade .Header--overlay .Header-nav .Header-nav-folder .Header-nav-folder-item {

  color: black;
  
  }

The 0.5 is the opacity and is a number from 0 to 1. I think you'll need to change the color of the menu font as once the opacity is changed it is hard to read the menu items. I put in black as a place holder.

Let us know how it goes.

Find my contributions useful? Please like, upvote, mark my answer as the best ( solution ), and see my profile. Thanks for your support! I am a Squarespace ( and other technological things ) consultant open for new projects.

Link to comment

Archived

This topic is now archived and is closed to further replies.

×
×
  • 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.