Pro Update 5.0.4 breakpoint row

As I wrote above, it’s directly the start page!

Hi @Regnalf,

Thank you for the clarification, but those pages did not resemble any of your screenshots. But I did check the Theaterstücke layout which is used on /theater/ page, and I find out that the Zeile Looper row’s layout configuration is set to 50% 50% layout on small screen.

This is what it looks like if that is set to 100%

Cheers,

No no no, it’s not that archive page, this page works correctly and doesn’t even have a nested looper!! @ruenel was already on the specific page

The setting is IN a PAGE, the main page, look security note.

Hey @Regnalf,

We apologize for the confusion.

The issue was resolved after resaving the page so it looks like the page needed some CSS regeneration (see secure note). I’ve tested both the builder preview and the live view.

Hope that helps.

Hello @christian, the solution didn’t work, because i want one column in big screen. After i set this in big screen the row issue reaperars again. But …
I think I found the bug!!!

After I switched to version 5 of Pro, I set the base breakpoint from 1200 to the highest in the theme settings.

Bildschirmfoto 2021-08-30 um 20.21.55

My setting after update

Bildschirmfoto 2021-08-30 um 20.29.06

When this is the case, the column in the mobile section does not wrap correctly!

If I set it back to 1200 and higher, the row breaks correctly!
The setup now is correct in every breakpoint!

This ist the correct breakpoint setting:

Bildschirmfoto 2021-08-30 um 20.45.55

And this is the row template if i set the base breakpoint to the highest setting. Pay attention that the highest breakpoint which ist set to 100% is not yellow! And above the tablet inherit is not blue!

Bildschirmfoto 2021-08-30 um 20.47.36

It looks like changing the base breakpoint has unwanted results.

Hey @Regnalf,

I apologize for the incomplete details in my previous response. I forgot to say that I also edited the Large screen column layout as it looks unusual. I didn’t notice that’s why it got fixed.

Since you want the Large screen column to be 100%, your Base Breakpoint must be set to the Laptop size so that the minimum width media query will be generated for the Desktop screen.

You’ll only want to set the Desktop screen as the Base Breakpoint if your column setup is linear or goes straight from multiple columns to one.

This case is not a bug but rather a tricky setup because of the Base Breakpoint. It’s hard to explain the Base Breakpoint concept in writing so it’s best that you watch our developer’s explanation here https://youtu.be/JCJkQazeRQU?t=551

Hope that helps.

I’ve watched the video already before. And of course, i don’t know the background how the media querys are generated in the background and why the desktop needs the laptop as the base breakpoint.

But what I don’t understand is, no matter if the base breakpoint is set on laptop or desktop, it should be overwritten in the mobile breakpoint, no? Because the error occurs at the smallest, the mobile breakpoint!

Hi @Regnalf,

Thank you for the clarification, I can see the bug now and am able to replicate it on my dev site. I’ve submitted this to our issue tracker so the developers will be made aware of it.

Cheers!

Thanks @friech for finally calling it a bug! I hope i could helped to solve this!

Hi @Regnalf,

You’re welcome! If you have any other concerns or clarifications regarding our theme features, feel free to open up new thread.

Thank you.

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.