Archived topic

tablet screen size STICKY header initially duplicates header

3 replies · Started by Stephen on March 12, 2022

Viewing posts 1–4 of 4

March 12, 2022 at 7:29 am #2151939

http://www.stephenlavender.site

Hi, ive made a sticky header which is the same as my normal header and it seems mainly OK.

However on tablet screen size when I scroll down initially the header is duplicated below the sticky header and then the copy of the header slides up behind the sticky header.

- Can I fix this or is there a better way to make my normal header the STICKY header ?

Thanks
Stephen

March 12, 2022 at 8:00 am #2152126

Hi there,

yeah the Sticky Nav works best when the Navigation as Header is used.
You can disable the theme sticky nav and use some CSS instead:

.site-header,
#mobile-header {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
}

March 12, 2022 at 1:38 pm #2152365

Hi, thats great as always,

works much better like that

March 13, 2022 at 5:13 am #2152734

Glad to be of help

This archived topic is closed to new replies.

Start building better websites today.