Hello,
currently my product page is extremely wide when you open it from a desktop. I want to narrow it down like in the picture attached.
The pictures should display the problem.
Topic summary
A user’s product page appears excessively wide on desktop and wants to reduce its width to match a reference image they provided.
Two solutions were offered:
-
Custom CSS approach: Add specific CSS code to the theme.liquid file (placed above the
</body>tag) to control page width through custom styling. -
Theme settings method: Navigate to Online Store > Themes > Customize > Theme Settings > Layout, then adjust the “Page width” setting directly in the theme customization panel.
The second responder suggested checking if the theme has built-in width controls first, and offered to examine the store directly if that option isn’t available. Both solutions aim to constrain the maximum width of the product page for better desktop display.
Hi @KimGottwald ,
Follow these Steps:
-
Go to Online Store
-
Edit Code
-
Find theme.liquid file
-
Add the following code in the bottom of the file above tag
If you require further help to optimize your store, please don’t hesitate to reach out. If you find this information useful, a Like would be greatly appreciated. And if this solves the problem, please Mark it as Solution!
Best Regards,
Makka
Hi @KimGottwald
You can try to check in your Online store > Themes > Customize > Theme settings > Layout, change Page with of your store
If it does not have this option then please share your store link so I can check and help you.