Columns aren't stacking on breakpoints

A client’s site was working as it should but now the columns aren’t stacking.

There are no media queries that I can find that are preventing them from stacking, nothing in the stylesheet or global /page CSS, the layout is specified but the columns just aren’t stacking. Any suggestions as to what could be causing it?

Hello @Michele27iD,

Thanks for writing in!

Please do check the element structure. The rows must have been nested, and you are inspecting the parent or child row. We would be happy to double-check your page element structure if you can share the page URL or allow us to log in. You can create a secure note in your next reply with the following info:
– Link to your site
– WP login URL
– WP username
– WP password
– WP Administrator Role
– Confirmation that we can access and make changes to your site

To know how to create a secure note, please check this out: How The Forum Works

image

Best Regards.

Hey @Michele27iD,

Upon checking, the columns are stacking. Please see the screenshots in the secure note.

Please refer to my secure note… ‘I added sections with single rows/columns on the home page to compensate for the lack of responsiveness’ - that’s why you’re seeing it stacking. If you turn on the desktop sections for tablet/mobile on the page, you’ll see what I mean or check any of the other pages - the columns aren’t stacking.

Hello @Michele27iD,

During our review, we found that the custom CSS causes the issue you have added in Appearance > Customize > Additional CSS.

image

To resolve this, you have two options:

  1. Remove the custom CSS entirely.

  2. Refine the CSS by using a specific ID or class to target only the intended section, rather than applying styles globally.

Kindly let us know how it goes.

Thanks Ruenel, much appreciated - I removed the custom CSS and it’s back to working as it should.

Excellent! Happy to hear that fixed the issue.

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