Move desktop product block over to the left

Store Design
, , ,

Topic summary

A user seeks to reposition the product information block (currently centered) to align left on desktop view for their Shopify product pages.

Proposed Solutions:

  • CSS modification approach: Add custom CSS to the theme.css file:

    .product-single__meta {
  padding-left: 0px;
}

    This targets the product metadata section and removes left padding to shift content leftward.

  • Theme settings check: Verify if the theme includes built-in customization options under Online Store > Themes > Customize > Products that allow adjusting the product section layout without code changes.

The discussion remains open with no confirmation of which solution was implemented or whether the issue was resolved.

Summarized with AI on November 16. AI used: claude-sonnet-4-5-20250929.
1

Hi,

im looking for the product block :blue_circle: in red to move over the to left on desktop

my site is https://luxurymrkt.com/collections/bags/products/valentino-garavani-atelier-bag-03-black-oro-rose-edition-leather-bag-1

E5BDC8F1-5B7F-4206-B9D3-BEFB31BF0648.jpeg
E5BDC8F1-5B7F-4206-B9D3-BEFB31BF0648.jpeg2100×1576 208 KB

thank you

2

Hi @Luxurymrkt ,

This is David at SalesHunterThemes.

You can try to follow these steps:

Go to Online Store → Themes → Actions → Edit code.

Go Assets folder → theme.css file.

Add this following code at the bottom of page.

.product-single__meta {
    padding-left: 0px;
}

result:

David_SHT_0-1695700856766.png
David_SHT_0-1695700856766.png5054×2654 423 KB

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

David | SalesHunterThemes team

3

Hi @Luxurymrkt

You can try to check if it has a settings to make that section larger in Online store > Themes > Customize > Products > Default product