Consistent breakpoints across Kadence Blocks and Kadence Theme

[Michael]

Michael

November 12, 2020 at 7:57 pm

I’m trying to make sense of all the different breakpoints across the theme and the blocks. I’d like things to respond at the same rate, but certain things seem to have different breakpoints. Do you have a list of all the different breakpoints used throughout the theme and blocks? Additionally, will there be any work done to try to make them all consistent, or at least give us controls to set them?

Ideally they would all follow a consistent pattern so, for example, when you hit a certain breakpoint, everything happens at once. Right now, the row columns adjust at 1024, but the post grid seems to adjust at 992, so there’s a 32px gap where things don’t line up.

Here are a few examples of what I’m talking about. The breakpoint numbers problaby aren’t exact, but close enough to illustrate what I’m talking about.

Breakpoints for Kadence Blocks such as post grid, gallery, portfolio, etc…
< 543
544-767
768-991
992-1199
1200-1499
1500 >

Breakpoints for Kadence Blocks such as row/columns, form columns, and Desktop/Tablet/Mobile settings
< 767
768-1024
1024 >

Breakpoints for Kadence Theme archive layout (3 column example)
Less than 576 – single column archive list
576-1024 – two colums archive list
767-1024 – post item padding changes
1025 > three columns archive list

Hope this all makes sense… thanks!