Archived topic

Sticky navigation z-index

2 replies · Started by Harris on January 30, 2021

Viewing posts 1–3 of 3

January 30, 2021 at 9:38 am #1639697

Hello,
I am using

/*Set sticky navigation on top of everything */
.sticky-enabled .main-navigation.is_stuck {
z-index:100000 !important;
}

but the "Next upcoming event" and the search blocks in the homepage keep going on top of the sticky header (and the admin top bar).

Can you please help me?

January 30, 2021 at 10:54 am #1639767

Hello once again. I managed to decrease the z-index of the elements causing the problem.
If you want just let me know how can I change the navigation and sticky navigation z-index, for future use.

Thanks

January 30, 2021 at 11:16 am #1639792

Hi there,

I managed to decrease the z-index of the elements causing the problem.

This would be the correct fix.

If you want just let me know how can I change the navigation and sticky navigation z-index, for future use.

Your CSS should work but your fix to lower the z-index of other elements would work better.

This archived topic is closed to new replies.

Start building better websites today.