Sticky header CSS

projetosolutionsben · Member · Apr 13, 2022 at 3:25 pm
Copy link

Add topic to favorites
Hi All,

I am looking for help with setting the z index of my sticky header so I can see all of the lightbox gallery. Thanks very much in advance.

I want to change this: https://snipboard.io/bjPI9H.jpg

… to this: https://snipboard.io/fdRY7r.jpg
…anywhere on page so user doesn’t have to scroll to the top of the page in order to see the close button.

I have been trying this CSS:
```
.swiper-zoom-container{
	z-index: 2147483647 !important;
}

.inside-navigation.grid-container.grid-parent{
	z-index: 999998 !important;
}
```
I am getting the classes from inspecting element, which also shows the sticky header to have z-index of ‘auto’.

I really want to be able to move it behind the lightbox gallery.

The page is here.
The lightbox is at the bottom of page.

Can you see what I am doing wrong or a way to check if the auto z-index for the sticky header is !important?

Bw,
Ben

The blog I need help with is: (visible only to logged in users)
staff-blorbo · Staff · Apr 13, 2022 at 8:36 pm
Copy link
Hello, I’m sorry to hear that you have trouble with your website. However, your site is not hosted with WordPress.com. It is a site using the open-source WordPress software (from WordPress.org) but hosted with Hostgator.

To clear up any confusion, WordPress.com and WordPress.org are two different entities: https://wordpress.com/support/com-vs-org/

WordPress.org has complete documentation for self-hosted/installed versions of WordPress.org at https://wordpress.org/support/ and support at https://wordpress.org/support/forums/

And you can find your theme’s support at https://wordpress.org/support/theme/generatepress/
projetosolutionsben · Member · Apr 13, 2022 at 9:31 pm
Copy link
Hi @macmanx,

Thank you for clarification, and sorry for posting in the wrong place.

Bw,
Ben

The topic ‘Sticky header CSS’ is closed to new replies.

WordPress.com forums

Sticky header CSS