[Resolved] Opacity on slideout menu

[Jason Westbrook]

Is it possible to make the slide-out menu have some opacity on it so its a little bit see through?

[Leo]

Hi Jason,

Can you try

#generate-slideout-menu {
    background-color: rgba(0,0,0,1);
}

I’m on my phone so can’t actually test it.
Let me know

[Jason Westbrook]

I don’t think that worked. It turned the slide out menu black.

demo1.builtonmission.com/demo

[Tom]

You can set the primary navigation color to have opacity in Customize > Colors > Primary Navigation. That will apply to your slide-out navigation as well.

[Jason Westbrook]

Awesome! How would I make it so only the slide-out though could have it without it affecting the main navigation?

[Tom]

In that case, Leo was on the right track:

#generate-slideout-menu {
    background-color: rgba(0,0,0,0.8);
}

[Jason Westbrook]

Worked perfect you guys are amazing! Thank you!!

[Leo]

Glad we could help 🙂

[Author]

Posts