Impulse theme align product price - thank you

Store Design
, , , ,

Topic summary

A user seeks to reposition the product price to the top right corner on mobile devices only for their Shopify store using the Impulse theme.

Proposed Solution:

  • Add custom CSS to the theme.css file in the Assets folder
  • The CSS targets screens with max-width of 768px (mobile devices)
  • Uses float: right and negative top margin to reposition the price element

Status:

  • A solution has been provided with specific CSS code
  • Implementation requires editing the theme’s stylesheet
  • The modification affects only mobile viewport, leaving desktop layout unchanged
Summarized with AI on November 23. AI used: claude-sonnet-4-5-20250929.
1

Hi,

im looking to move the product price to the top right on mobile only . my site is https://luxurymrkt.com/collections/y-3/products/y-3-classic-cotton-t-shirt

like this picture :down_arrow:

Luxurymrkt_0-1674351828112.png
Luxurymrkt_0-1674351828112.png185×400 33.4 KB

Luxurymrkt_1-1674351827993.jpeg
Luxurymrkt_1-1674351827993.jpeg185×400 11 KB

Thank you

2

@Luxurymrkt

Hi,

Please add the code below to Assets > theme.css file.

@media only screen and (max-width: 768px) {
  .product-single__meta .product-block--price {
    float: right;
    margin-top: -60px;
  }
}

That’s for mobile only.

Hope it helps.