Fix the correct size on ipad/tablet and phone

Hi there,

try adding this CSS to keep it 2 columns until above 500px width:

@media (min-width: 500px) and (max-width: 767px) {
    .generate-columns.tablet-grid-50, .grid-sizer.tablet-grid-50 {
        width: 50%;
    }
}

Could the problem be the search bar?

Theme Tasty

No, it's because you have set the margin left and margin right for the GB container (content template).

It overrides the margin left/right auto setting which align the container to the center.

Can you try remove the margin left/right value set for the GB container and David's CSS to test?

Let me know :)

Current situation

Activating "keep default post container" the problem seems to be solved. But it changes the appearance.

I think I have solved it. I solved by keeping the same settings of container, inner container and container width.

When I say remove the margin left/right, I mean leave it blank, not change it 0 :)

Done, thnx.

Just to confirm the issue is resolved?

Let me know :)