How can we align and adjust the Desktop product page sections?

Store Design
, ,
1

How can we align and adjust the desktop product page sections?

I’ve attached a screenshot showing my current layout with the Impulse theme, as well as an example website using the same theme for reference.

In the screenshot, I highlighted the areas I’d like to improve. Overall, I’m aiming for a more refined and balanced product information section. The current one feels too wide.

Screenshot (658)
Screenshot (658)1920×884 384 KB

Screenshot (659)
Screenshot (659)1920×873 424 KB

Link to my website: https://a68618-6a.myshopify.com/
Link to the reference website: Regent Leather Shoes | Shipped in 24h | Zekira

2

The product info section on the Impulse (or similar) theme can look too stretched, especially on wider screens. You can make it look more refined and balanced by limiting its max width and adjusting the text alignment.

Try adding this to your theme’s custom CSS:

.product__info-wrapper {
  max-width: 600px;
  margin: 0 auto;
}
.product__title, .product__description {
  text-align: left;
}

This will center the info area visually and keep the text block more comfortable to read, without affecting mobile view.

if it do not fit exactly what you want, I can take a quick look at your store and help fine-tune the layout including spacing, typography, and section balance so the page feels cleaner and more premium to 100% what you want

3

Wouldn’t this help?

Screenshot 2025-10-11 at 6.45.02 PM
Screenshot 2025-10-11 at 6.45.02 PM819×442 37.3 KB

4

This code is doing nothing. But thanks !

5

Hi, @tim_1 :slight_smile:

Unfortunately, this change doesn’t create the look I’m aiming for. It makes the product photo much larger, which isn’t ideal since some images aren’t high quality and can look worse when scaled up.

What I’d like instead is for the product photo to be just slightly larger, with a bit more space between the main photo and the thumbnails. This way, the photo would shift a little to the right, and the information section would become slightly narrower. Balancing both sides without overly enlarging the image.

I give example again with both screenshots I attached above with my current product page look and the one we are aiming to accomplish of zekira.com

@tim_1 Are willing to enter in my website with collaborator code and try to fix that? Since it might be much more easier on this way for both of us.