Archived topic
Full width doesn't work if there is not enough text-content
7 replies · Started by Moritz on May 19, 2022
Creating a new site with the container-option "full width", the site is only displayed with full width, if there is more than one line text-content in one of the blocks. Otherwise the site is displayed smaller. Is there a possibility to solve this problem for sites with small text-content?
Hi there,
can you share a link to a page where i can see the issue ?
This page's content container is NOT set to full width.
Creating a new site with the container-option “full width”,
Where did you set the container option full width?
Please make sure you set the full width option using layout metabox in the page editor:
https://docs.generatepress.com/article/layout-metabox-overview/#where-is-it
I set this option on the site as it is subscribed (see it on the screenshotslinks below), but it has no effect - an that's exactly the problem!
https://www.fosbos-ffb.de/wp-content/uploads/2022/05/Screenshot-2022-05-21-Mebishilfe.jpg
https://www.fosbos-ffb.de/wp-content/uploads/2022/05/Screenshot-2022-05-21-Customizer.jpg
Hi there,
you have this CSS in your Customizer > Additional CSS:
.container {
display: flex;
justify-content: space-evenly;
align-items: center;
flex-wrap: wrap;
/* height: 97vh; */
}
Its making the container element a flex box without any specific width. So the content inside will collapse to its max-content width. Remove that CSS to fix the issue.
Thank you, that was the problem!
Glad to be of help!