Archived topic
Sticky topbar and navigation issues
5 replies · Started by Almog on May 18, 2022
Hi there,
Here is the website: https://www.calgarygaragedoorsrepair.ca/
I've added the code to the website to allow the topbar to be sticky and increased the z-index
It looks like the topbar still goes behind all of the content.
Also would like help on how to make sure when I add a block to a new blank page
I don't have to add margin from the top so the block wouldn't go behind the navigation.
I'm using Elementor as the page builder.
Thank you!
Hi Almog,
It's because you are using a header element which merges the header and the content.
This setting creates an extra level of <div> as the parent of the topbar and header.
In order to make the sticky topbar to work and based on your layout, I would recommend remove the header element at appearance > elements.
Hi Ying!
Thanks it worked!
Also I'm referencing to this thread https://generatepress.com/forums/topic/footer-sticky-bar/
trying to make a sticky footer bar to show only on mobile but I can't seem to get it to work for some reason,
Can you check my code and see why it doesn't show up?
Can you open a new topic and point us where we should be looking at as I don't know what hook you are using?
sure, thanks for the help on this one!
No problem :)
