How to replicate the way Integrity-1 Demo changes 'stack' 2-column look into a 1-column look for smaller browser widths?

[JezUK]

My new website https://exteriorrenderings.co.uk is very nearly finished, yay !

I just have to fix the issue within the “The Process” section.

This particular section isn’t changing its look as you reduce the width of the browser. In fact the section disappears when the browser width gets to mobile device widths.

However, in your integrity-1 demo, http://demo.theme.co/integrity-1/, as you reduce the width of the browser eventually the elements ‘stack’ themselves, changing from a 2 column per row look, into a stacked 1 column per row look.

This isn’t happening in my website, yet I copied this demo very carefully.

Please can you advise ?

Many thanks.

[thai]

Hi JezUK,

Some of the sections are hidden on desktop and some are hidden on mobile.

Please change the view in Cornerstone and you should be able to see the sections accordingly.

Then check the section’s Hide based on screen width setting:

Hope this helps.

[JezUK]

Thanks Thai,

Yes, the penny finally dropped !

It’s a very interesting concept, ‘visibility’ but I’ve finally understood it

Many thanks.

[thai]

If you need anything else feel free to create another ticket.