Return to previous page

Layout issue on product page – large right margin in live view

This topic has 6 replies, 3 voices, and was last updated 8 minutes ago ago by Oliver Theiß

Oliver Theiß

Participant

February 3, 2026 at 23:47

Hello,

I am currently trying to improve my shop and I’m facing a problem on the product page that I built using the product builder.

There is a layout issue in the live view that I can’t explain:

In live view, there is a very large margin on the right side of the page.

The first and second sections are pushed to the left.

When I switch to a smaller monitor size, the second section strangely jumps to the right while scrolling.

In the editor, everything looks completely normal. The issue only appears on the live page.

I have attached a screenshot so you can see the problem clearly. On the right side, there is a huge empty space that should not be there.

Could you please help me identify what is causing this issue and how to fix it?

Thank you very much for your support. in the private domain n..you find my password login

Content is visible for topic creator and
support staff only.

Files is visible for topic creator and
support staff only.

#465311 Copied

5 Answers

Samir Malik

Support staff

February 4, 2026 at 05:51

Hello,

This is how the product appears on our side:

https://www.awesomescreenshot.com/image/58636873?key=f6dce046e138e91e12fa3f4242cd000f

Could this be a cache issue? Please clear all caches and check again.

Thank you.

Best regards,
8Theme Team

#465314 Copied

Oliver Theiß

Participant

February 4, 2026 at 08:11

hi… thanks for your quick replay…

yes I see…..hmmmmmm

But with this product, it’s not quite the same as in your example.

That’s the problem I described… You can find the URL for the product in the private area.

I have the problem with the product…
Can you check if I have set something incorrectly on the product page? I mean on the product page itself in your settings…

And… I have another question about this…

I set it to full width.

But I don’t really want the first two sections above the tabs to be full width, but rather like in the example… you screenshot.

I would do that using padding on the right and left.

Content is visible for topic creator and
support staff only.

Files is visible for topic creator and
support staff only.

#465320 Copied

Oliver Theiß

Participant

February 4, 2026 at 08:52

I really need help here… I looked here, but it’s the same… all products.

It’s strange… the problem is with the products in the categories Performance Socks and Sports Bandages.
So all products under the navigation points, when you click on them, have the error… but under the point Athletic Accessories, all products in the category are normal… it must be a bug somewhere.

Files is visible for topic creator and
support staff only.

#465337 Copied
Jack Richardson

Support staff

February 4, 2026 at 09:48
Hello @Oliver Theiß,

Could you please clarify which layout you would like to achieve based on the provided screenshots?

If you would like to have a boxed layout, you can use the following custom CSS:

body .single-product-builder { max-width: 1170px; margin: 0 auto; }

Frontend result: https://prnt.sc/0E5MCWgfvkZE

We also noticed that you have set the right column width to 35% (https://prnt.sc/B7W150ES6ETb). We recommend increasing it to 55% to cover the empty area.

If you need our assistance, please provide more details about the result you would like to achieve so that we can help you create the desired layout.

Best regards,
Jack Richardson
The 8Theme’s Team
#465341 Copied
Oliver Theiß

Participant

February 4, 2026 at 10:02

Hi, yes ..i did this Yesterday…
When you. check my costumizer Backend Product Builder – you will see its by 55 % Prozent…. Hmmmm

“We also noticed that you have set the right column width to 35% (https://prnt.sc/B7W150ES6ETb). We recommend increasing it to 55% to cover the empty area.”

Hmmmm. Unser the Tabs. I want it. Full with… Above. The Tabs boxed….

#465343 Copied
Viewing 6 results - 1 through 6 (of 6 total)