I’m trying to make the Primary Navigation Block … transparent.

Hello @dietredthunder ,

If I understand correctly, you do not want to have the “red” background on the menu. You want it all blue, right?

The theme doesn’t add the red by default. It seems it is coming from somewhere else. Probably from a custom CSS:

You can however make the red area transparent so the whole menu area is blue using this custom CSS in Appearance > Customize > Additional CSS field:

.boutique-primary-navigation .menu {
    background: transparent;
}

if you want to make the whole background transparent you would use the opacity with background color:

.boutique-primary-navigation {
    background: rgb(20, 105, 180, .5);
}

You might already have some custom CSS added for it so make sure to modify that otherwise, the new CSS might not work properly.

Thank you ??

Thanks for the help, but sadly when I enter the code above… no changes happen.

You’re right there was a bit of custon code in the CSS section making parts of the menu red.

I have removed and put the them back to deafult. Except the background colour of the menu red.

Many thanks.

RT

Quick note your top code lets me change the colour ??

Second code…. no change seems to happen.

Thanks.

I might of solved it ?? … with your input as well ??

.boutique-primary-navigation {
    background: #d329294f !important;
}

Screen grabs from the FireFox Inspect(Q) here:

https://www.sidingstudios.com/2022/04/10/388/

Once again many thanks for your help ??

Next: Making the Nav Bar less deep and the dream …nav bar put to very top of page. Perhaps I should make a seperate post for these ??

• This reply was modified 2 years, 7 months ago by dietredthunder.
• This reply was modified 2 years, 7 months ago by dietredthunder.

Hi @dietredthunder,

I’m glad to know you managed to fix the CSS code and get that to work.

As for your second question, please create a new topic to keep things organized.

Thanks!