How to center title and price in featured collections on mobile

Technical Q&A
1

I’m having an issue where the product name and price isn’t centered on my featured collection on mobile, everything is a bit to the left. How can I fix this?

Shopify Help 3.jpg
Shopify Help 3.jpg1912×992 58.6 KB

2

Hello There,

Please share your store URL and screenshot.
So that I will check and let you know the exact solution here.

3

screenshot is in my first post - url is

Oldbaphomet.com

4

Dear @OldBaphomet

  • In your Shopify admin, go to Online Store > themes.
  • Locate your current theme and then click Actions > Edit code.
  • After that in the Assets folder, click to open your theme.scss.liquid file.
  • Go to the very bottom of this file and paste the following code:
/* Start */
@media only screen and (max-width: 749px) {
.price .price__regular, .price .price__sale {margin-right: 0 !important;}
}
/* End*/
  • Ensure that the code was copied exactly from this guide and pasted correctly, making sure no characters or symbols are missing.
  • Save and check your theme by refreshing it.