Site logo

Archived topic

grid full-width

5 replies · Started by cpalo on January 21, 2021

Viewing posts 1–6 of 6

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

This archived topic is closed to new replies.