How can I align inventory point text to the left on mobile in Impulse theme?

Store Design
1

Hi All,

first I want to say I love this community it has helped me so much editing my theme. I’m looking for a fix to move my inventory/sales point text and green dot to the left align like other text on my product page for mobile. My site is https://luxurymrkt.com/collections/newest-products/products/golden-goose-track-jacket-with-star-band

please see picture below. Thank you. Mike

7AF9E85B-44A9-469C-A9FF-F6A259688290.jpeg
7AF9E85B-44A9-469C-A9FF-F6A259688290.jpeg1170×2532 139 KB

2

Hi @Luxurymrkt

Welcome to the Shopify community! Thanks for sharing a good question on community. I am here to help you.

As I read your question and found that you need to left align “In stock” text on mobile.

So I am sharing some points here just follow them and you will be able to see that text left on mobile

  1. Open Shopify dashboard.

  2. Open code editor.

  3. Look for the CSS files under assets folder on code editor.

  4. Open CSS file and paste below code at the last of the file and Save.

  5. Refresh your screen and you are able to see the changes

@media only screen and (max-width: 767px){
  .sales-points span.icon-and-text{
    justify-content: left;
  }
}

If you have any query or found any difficulty on above code, Please feel free to ask me.

Thank you

3

Worked perfect! Thanks so much