-
I recall having the issue with the horizontal scroll bar last year with the old GP layout system. I checked the posts here but can’t pinpoint the issue, since most entries are from 2023.
I have the horizontal scroll bars here: https://www.stuhlflechtzentrale.de/
-
Hi there,
Both the heading and subheading containers in the hero section have fixed widths of 770px and 490px respectively. Simply remove the fixed width values at the mobile breakpoint to solve the overflow issue.
-
Thanks,
I added a width of 95% for the breakpoint below 768px – is that what you meant? The scrollbar is still there, though. It’s on this page as well: https://www.stuhlflechtzentrale.de/fotogalerie/ – even though there is no hero section on it. -
Hi there,
in your CSS do not use
widthinstead usemax-widthit will give you the same result but it will be responsive -
Hi David, I’m not exactly sure what you mean. I haven’t added any additional CSS on this page: https://www.stuhlflechtzentrale.de/fotogalerie/ – considering this, I wouldn’t know which
widthI would change tomax-width. -
Sorry – i think that reply may have been intended for a different topic.
Looking at the page
You have a layout like this:Container Block #1 ---- Container Block #2 ---- ---- H1 Title ---- ---- ParagraphSelect the Container Block #2 the inner container and in the block settings, under block Alignment set it to Default, its currently set to Full Width which can result in horizontal overflow.
-
Thanks, David, that worked for the page https://www.stuhlflechtzentrale.de/fotogalerie/
I still have the horizontal bar on the homepage, though. I deactivated the hero and that didn’t change it. So I think it must be somewhere else, I just can’t seem to find it. -
The horizontal scroll issue is caused by the align full option you applied to the containers.
I would recommend:
1. Remove all the align full option, set the block alignment to default.
2. Set the page’s content container to full width via the layout metabox in the page editor: https://docs.generatepress.com/article/layout-metabox-overview/#where-is-it
or via a layout element https://docs.generatepress.com/article/layout-element-overview/
-
That works, thanks a lot!
-
You are welcome 🙂
- You must be logged in to reply to this topic.