Code snippets to deal with responsive theme issues

[ddkarolczak]

I need a code snippet or some kind of help with coding to stop my pictures from misaligning whenever I switch resolutions or simply publish from the editor and go to the webiste on the same resolution.

[Adam7]

Instead of custom code, you might want to consider making use a couple apps from the App Center, @ddkarolczak. 

https://www.weebly.com/app-center/hide

https://www.weebly.com/app-center/column-lock

The first app will let you hide and show content on specific screen sizes, so you have the ability to organize your content how you want it to show for a specific size. The second app will stop columns from stacking on mobile for anything within the app element, so you can preserve your columns if necessary.

[ddkarolczak]

Neither of those would work for the specific issue I'm having. The issue is that I develop on a 4K monitor and have a 1080 on the side. Each section is laid out horizontally with text and picture not in vertical columns with text and picture. And moving from the build editor window to a live view of the website on just my 4K monitor causes the pictures that I have aligned in the editor window to misalign vertically because of the responsive nature of the theme. It looks drastically misaligned when you go from the build editor window on my 4K monitor to a 1080 live site view.

[ddkarolczak]

live site on the same development laptopIn the build editor view on laptop

Ive attached two images to better show my issue. This is done on my laptop since I'm not at home currently.

[Bernadette3]

Do you still have the code in place or did you remove it? Can you also please post a link to your site? Thanks!