[Resolved] Problems with customizer

[Hans]

I try to create a mokup and get troubles befroe really starting.

1. I want to change the size of the container. The video shows the result:

Change container size

2. I want to use masonry. The video shows the result.

Use masonry

What could be the reason of the problem???

I use WordPress 5.1.

[Tom]

Hey Hans,

Can you see if removing this CSS you have added resolves those issues?:

@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;
    }
}

Let me know 🙂

[Hans]

Hi Tom,

this fixes the problem.But now the footer is not on the bottom of the page. This is why I used this CSS. Is there a solution for both problems???

Thanks

[Tom]

Try this instead:

@media (min-width: 1024px) {
    #page {
        min-height: calc(100vh - 397.5px);
    }
}

397.5px is the combined height of your header, navigation and footer.

[Hans]

Great, this solves both issues!

[Tom]

Awesome, glad I could help 🙂

[Author]

Posts