Archived topic

Make Menu Background different when sticky?

3 replies · Started by Chris on July 9, 2017

Viewing posts 1–4 of 4

July 9, 2017 at 10:24 am #346490

Is there a way to make the primary menu's backgrounds transparent when it's in the header, but 50% transparent when it because a sticky header?

July 9, 2017 at 3:33 pm #346616

Hi there,

Try this CSS:

.main-navigation.navigation-stick {
    background-color: rgba(145,145,145,0.54);
}

July 9, 2017 at 5:13 pm #346671

Oh that was simple haha
I'm just getting the hang of using custom CSS with this. That worked though, thank you!

Also I just bought Premium last night and I'm completely overwhelmed at how much freedom I have with all this. Great job on this theme/plugin!

July 9, 2017 at 7:08 pm #346713

CSS is magical :)

Glad you are enjoying it!

This archived topic is closed to new replies.