How to change price size for collection page on Mobile Version Only

Store Design
, , , ,
1

Hi Shopify Community,

Is there any code that I can make the PRICE SIZE smaller on the collection page & only on mobile version but not affecting product page & desktop version.

I have put one code to modify but it changes the price size of both collection and product pages.

Thanks

2

Hey @DFSouth

Can you share your Store URL so I can have a look at it? Also, if you have password enabled then please share the password as well. Your cooperation would be greatly appreciated.

Best Regards,
Helal

3

Here is my store: https://dfsouth.com.au/

4

Hey @DFSouth ,

Please add this code to your theme.liquid above the to get this solved
Step 1: Online Stores > Themes > More Actions > Edit code
Step 2: click on theme.liquid and paste the code above the

If this solution resolves your issue, please consider marking it as the accepted solution.

Best regards,
Helal

1 Like
5

Hi @HM_Helal ,

It does work on my mobile version. I already accepted your solution. I have two other issues that I hope you can fix for me if possible:

Issue 1. is there any way that I can put the Vendor (Gucci, Michael Kors, etc) before the product name, for example: Gucci in the first line and Product Name in the second line on the collection page for both mobile and desktop versions?

Issue 2. Do you have any codes that I can change the color and size for both Vendor and Product Name on the collection page but only on Mobile Version?

I will accept more your solutions and likes as well so hopefully you can help me out. Again, I do appreciate your help and thanks for that.

Best regards,

Ian