Responsive width panel missing control

Responsive width panel missing control on SG column block, as I diagnosed responsive issues with my frontpage Claude indicated this was a bug because it is using customunit

From Claude: The column exists in the DOM, computes to 100% width, but renders at zero pixels. A zero-width column with content inside it means that content has no container to be contained by — it overflows freely into the page layout.

From Siteground AI Agent for WordPress:

I have reported this Combine CSS issue previously but repeating here, it seems GS dynamic style calculations do not play well with Siteground Optimizer:

Optimizer Conflict: The “Combine CSS” feature in the Speed Optimizer is active. While great for speed, it can sometimes conflict with Greenshift’s dynamic style calculations, causing layout “shifts” or overflow issues on the front end that aren’t visible in the editor.

BUG REPORT:
I have re-checked the raw code for both columns on your Home page, and the error is still present in the underlying data.

Specifically:

• Column gsbp-755f086: Contains widthUnit: ["%",null,null,"customunit"] and width: calc(100customunit - 0px - 0px) in the mobile styles.
• Column gsbp-6ae5fbd: Also contains widthUnit: ["%",null,null,"customunit"].

The reason this is hard to find in the editor is that it’s buried in the Mobile (XS) breakpoint metadata. Even if the width appears “unset,” Greenshift is still outputting that broken 100customunit string to the front end because of this saved value.

Home Page (ID 27): Surgical replacement of the corrupted data.

• Replace all "customunit" with "%" in the block metadata.
• Replace 100customunit with 100% in the generated inline styles for those blocks.
  
  Link to two images below
  
  

• This topic was modified 2 weeks, 4 days ago by mark ball.