Posts image overlapping the site header when scrolling

gildasbondha · Member · Dec 7, 2021 at 7:40 am
Copy link

Add topic to favorites
Hello,

I use Twenty-twenty WordPress theme, which I positioned the site-header fixed : alright. But unfortunately my blog’s images put the site-header backward when scrolling on mobile.

May you help me?

The blog I need help with is: (visible only to logged in users)
mohammadriyad · Member · Dec 7, 2021 at 8:31 am
Copy link
Hi there,
I dont see the header is fixed on your site agapenouvelle.org
I tried checked it from mobile also. The header is not fixed and working fine.
Are you trying to add custom css to make the site header fixed?
Please let us know.
Thanks
gildasbondha · Member · Dec 7, 2021 at 6:48 pm
Copy link
Hi,

You are right ; I reset the site to the initial theme unknowingly. Now here is the site-header position fixed, with the post images forwarding the header when scrolling in mobile.

Thanks
gildasbondha · Member · Dec 7, 2021 at 6:49 pm
Copy link
mohammadriyad · Member · Dec 8, 2021 at 6:03 am
Copy link
Hi there,
To solve that add “z-index: 99;” css on “#site-header”. Given below.
```
#site-header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 99;
}
```
Hope this helps. Let us know here.
Thanks.
gildasbondha · Member · Dec 8, 2021 at 6:01 pm
Copy link
Hi,

I did it. Now it’s working as I wished.

Big thanks
mohammadriyad · Member · Dec 9, 2021 at 6:22 am
Copy link
Great. We are happy to help :)

No items found.