Mismatched media queries?

Hello,

I think I may be running into a problem where the tablet & desktop media queries don’t quite work as expected. Here is what I’m doing:

• Tablet has 300px top padding. Desktop has 60px.
• Two columns. Tablet and mobile both stack vertically. Desktop is 40% / 60%.

As I size down, my 300px of top padding disappears at 993px. The media query being used is: @media (max-width: 992px) and (min-width: 768px)

However, the columns remain stacked, and don’t switch to the desktop layout at this time. The tablet layout is shown until 1025px, at which point flex-direction: column is removed from .kt-row-column-wrap.kt-tab-layout-row. The media query that sets flex-direction to column is (max-width: 1024px) and (min-width: 768px)

I’ve tried digging through settings, but haven’t found anywhere to adjust this. Am I missing something or is this a bug with viewport sizes?

Thanks,

Tim

• This topic was modified 5 years, 10 months ago by Tim.
• This topic was modified 5 years, 10 months ago by Tim.