Jump to content

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

Recommended Posts

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 best , and see my profile. Thanks for your support!

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.