Site logo

Archived topic

A full width image causes the browser to have a scrollbar at the bottom.

1 reply · Started by Mark on April 26, 2022

Viewing posts 1–2 of 2

Hello,

A full width image causes the browser to have a scrollbar at the bottom. The full width image is beyond the bounds of the page.

I have ruled out the possibility of other plugins causing the problem.

I don't want a scroll bar at the bottom. How to deal with it?

Hi Mark,

For one, you may add your Page Hero through a Page Hero - Block Element which should also prevent this from occurring.

Reference: https://docs.generatepress.com/article/block-element-page-hero/

Another approach to assure that anything that goes over the view width is hidden, and in turn, no horizontal scrollbar will appear is to add a CSS like this in Appearance > Customize > Additional CSS:

html {
    overflow-x:hidden;
}

Hope this helps! Feel free to reach out if further assistance is needed. :)

This archived topic is closed to new replies.