Archived topic
grid full-width
5 replies · Started by cpalo on January 21, 2021
https://demo-pasdt.cahue.dev/nous-contacter/
Hello,
On this page, contact us is inserted in a block grid itself in a container block.
The card is only a block that I forgot to put in a container block.
They are limited in width to the 1200px defined in the global layout.
I would like that on this page they are full width.
cordially
Hi,
You have this CSS within your simple CSS plugin that conflicts with the Layout Element setting.
@media (min-width: 1024px)
body {
display: -webkit-box;
display: -ms-flexbox;
/* display: flex; */
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
min-height: 100vh;
}
This is the effect if you remove this: https://share.getcloudapp.com/llunBee4
I had this css style so that the header stays stuck at the bottom of the page when there is no content.
https://demo-pasdt.cahue.dev/presentation/
How can I do now to have the footer pasted to the bottom of the page when there is not enough content?
If you must keep the particular CSS if it's important.
Instead of removing it, you can add this CSS:
div#page {
width: 100%;
}
It's ok. Thanks
No problem. :D