Archived topic

Problems with customizer

5 replies · Started by Hans on March 4, 2019

Viewing posts 1–6 of 6

March 4, 2019 at 5:26 am #828209

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.

March 4, 2019 at 9:41 am #828581

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 :)

March 4, 2019 at 10:53 am #828689

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

March 4, 2019 at 4:46 pm #828884

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.

March 5, 2019 at 3:18 am #829226

Great, this solves both issues!

March 5, 2019 at 8:02 am #829592

Awesome, glad I could help :)

This archived topic is closed to new replies.

Start building better websites today.