NO BUG: Mobile breakpoint forces content off center to the right

Bugs
1

Browser: Chrome 110
OS: Windows / .
URL: MobileTest2 – PolySaaS Online ? and PolySaaS Home Mobile – PolySaaS Online
Video: Short screen recording that illustrates this issue

even with the simplest page in bricks 2.1.4 even just section>container>heading no settings, no css, the heading is pushed to the right 25% in mobile.

I have taken suggestiosnfrom various sources, including AI like Grok, CoPilot, Gemini, and we tried width, margins, flex, css, nothing helps.

2

Hi Mike,
Welcome to the forum!

The issue is caused by this custom (or plugin) JS (red boxes), adding a 320px margin left to the body, overriding the default body styles (green box).

image
image1920×1200 345 KB

Best regards,
timmse

3

Thanks, that helps a lot. So I confirmed that it wasn’t just the bricks pages; other pages in TT5 were showing the same thing. So I created two blank pages. In one, I edited in bricks and added a section , a container and s heading. Without settings at all on any of the element, the 320px left margin was there.. I added a page and added similar columns, >column > heading. Both had the 320PX left margin so i decided to deactivate or delete all plugins.

The 320pxleft margin went away on all pages except bricks.

Bricks custom code actually had left-margin 0

Now I am stumped

4

Please send temporary login credentials and a link to this thread to help@bricksbuilder.io using the email address you used during the purchase.

5

Solved, not at all sure what plugin corrupted things but was about to try to uninstall Bricks and reinstall once the offending plugin was deleted. Then once I was sure it wasn’t css because no css tocould fix it, I thought about js and sure enought isolated it to main.js So I added the folloing to bricks customcode body scripts

document.addEventListener('DOMContentLoaded', function() {
  document.body.style.marginLeft = '0px';
});

and poof everything went back to starting with zeo left margin.

Enjoy!

MO
6

Oh my it worked for a while but now it isback with

Oh and It came back whenI started reqactivating plugins, forms seems to be the culprit.
7

I’m sorry, but I can’t quite follow…
Just disable all plugins and re-activate one plugin at a time and check if the issue shows up - if so, the last plugin you enabled is the culprit.