Archived topic

Problem with header and content when scrolling on mobile

7 replies · Started by Roger on July 22, 2021

Viewing posts 1–8 of 8

July 22, 2021 at 7:55 am #1866615

Hi,

I found two problems in the mobile version of my website:

1. The header is not holding steady when the page is scrolled down.
2. Space to the right of the page.

July 22, 2021 at 8:14 am #1866637

Hi there,

the issue isn't just on mobile - i can sideways scroll on desktop too.
Can you disable your cache/optimization plugins as its commenting out a lot of links in the head of your site, and that may be causing the layout to break.

July 22, 2021 at 9:14 am #1866714

Hello Davi,

Disabled WP Fastest Cache and other plugins. But the problem persists.

July 22, 2021 at 9:21 am #1866726

Try disabling all other plugins excerpt for GP Premium temporarily as something looks to be conflicting.

July 22, 2021 at 10:02 am #1866791

All plugins are disabled.But the problem persists.

July 22, 2021 at 10:55 pm #1867256

Hi Roger,

I'm unable to see issue #1.

Any chance you can show a screen recording? And provide the device details as well? example: Safari - iPhone 12

but for #2:

Try adding this CSS:

label.wp-block-search__label.screen-reader-text {
    width: fit-content !important;
    height: auto !important;
}

July 23, 2021 at 4:38 am #1867580

Hi Elvin,

This code fixed both problems.

Thanks!

July 25, 2021 at 4:45 pm #1870654

Nice one. No problem. :D

This archived topic is closed to new replies.

Start building better websites today.