Wrappers are displaying incorrectly.

Hi there,

how should the layout look? Can you share a screenshot of that ?

Hi David,

it is GP-no sidebars template

There is GP: https://studijni-svet.cz/kurzy/wp-content/uploads/2022/01/gp.png

Random another theme: https://studijni-svet.cz/kurzy/wp-content/uploads/2022/01/gp2.png

I thougt it is because of small body width, but problem is elsewhere.

Web link: https://studijni-svet.cz/kurzy/seznam/

Jakub

Hi Jakub,

It is because the paddings added to the div made the total width of the 2 div more than 100%.

As you can see, if we disable the paddings, the layout would be normal:
https://www.screencast.com/t/ovgA6KeWj

1. Add this CSS to remove the paddings:

.site-content .tutor-course-filter-wrapper>div {
    padding: 0;
}

2. The filter wrapper's max width is set to 1140px which I think is too narrow. It's better to increase both the wrapper max width and the container width at customizer > layout > container.

Hi Ying,

thank you for the reply, however it is not caused by plugin code, it is somewhere in the GP theme. Because all the elements are cropped. The same problem is when I publish 250px banner in the 260 px sidebar, it is scrolled or cropped.

I tried 5 themes and only GP is not working.

You can see:

https://studijni-svet.cz/kurzy/wp-content/uploads/2022/01/gp3.png

Thank you,

Jakub

Can you activate another theme so I can compare both theme codes？

Let me know :)

Twenty Twenty theme activated :)

You can now activate GP, remove the CSS I provided before, then add this CSS:

.tutor-course-filter-wrapper, .tutor-course-filter-wrapper * {
    box-sizing: border-box;
}

Let me know if this helps :)

Yes, it worked! thank you so much Ying, you are the best :) Have a nice day

Great!

You are welcome :)