Site logo

Archived topic

Opacity on slideout menu

7 replies · Started by Jason Westbrook on March 23, 2017

Viewing posts 1–8 of 8

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

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

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

demo1.builtonmission.com/demo

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.

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

In that case, Leo was on the right track:

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

Worked perfect you guys are amazing! Thank you!!

Glad we could help :)

This archived topic is closed to new replies.