How can I adjust product title border spacing for mobile display?

Store Design
,
1

Hello,

how can I adjust the borders spacing in the product title box on my collection page please, so it spreads a bit wider on mobile phone display and it doesn’t go into 3 lines but rather 2?

I suppose it has to do something with code. Can someone experienced advise me please?

Thanks!

Bez názvu.png
Bez názvu.png425×925 152 KB

2

Hello @Daeron ,

It’s the GemPages Support Team and we are glad to assist you today!

I would like to give you the recommendation to support you so kindly follow the steps below:

  1. Go to Online Store > Theme > Edit code of your current theme

GemPages_0-1678172317086.png
GemPages_0-1678172317086.png1857×907 102 KB

  1. Open your theme.liquid theme file

  2. Paste the below code before

Let us know how it works for you.

Best regards,
GemPages Support Team

1 Like
3

Hello,

I had to change the pixels amount on X and Y axis to get to the sweet spot, but it works. Thank you so much!

1 Like
4

I am glad that my solution is helpful to you.

Best regards,
GemPages Support Team