Archived topic
Make Footer above all content Z-Index
7 replies · Started by Morgan on June 26, 2019
Searched and couldn't find an answer, simple question, so thought I'd open a new post.
My footer is fixed, not sticky, but I've made my sidebar sticky.
The sidebar at certain screen sizes scrolls over the footer, simple solution is for it scroll under/make footer above all other content.
The sticky sidebar obvs has some javascript going on keeping it above everything else and .site-footer, .footer-widgets{z-index: 100;} isn't working.
Any tips to make the footer on top of all other content?
Hi there,
How are you making the sidebar sticky?
A sticky element is supposed to go on top of all other content (otherwise it would sort of defeat the purpose of being sticky).
Ah, yes, that's a valid point :-P.
Using https://en-au.wordpress.org/plugins/q2w3-fixed-widget/
Yeah I'm not sure if there is a way to solve this as the sticky element obviously needs to be on top so the plugin is doing what it's supposed to do.
Shot in the dark but what if we try this CSS?
https://generatepress.com/forums/topic/how-to-make-the-sidebar-static/#post-784512
That links making sidebar sticky, which I already have.
Are u suggesting to use that method instead of plugin, and can then change z-index to higher than sticky?
I'm suggesting trying David's CSS instead of using the plugin.
Not sure if it will work but worth a shot.
Well, waddayaknow - worked!
Thanks :)
No problem :)
