How can I fix misaligned price text in the Expanse theme?

Technical Q&A
,
1

Hello!

I have a problem with my price not aligning on the same line, any solutions?

JonasBorum_0-1677528196232.png
JonasBorum_0-1677528196232.png1456×445 129 KB

My theme is Expanse.

2

Hi @JonasBorum ,

Could you please share URL and your store password? So that we can help you.
Thank you.

3

Hello Victor

The store URL is: santibo.dk

The password are: Santibo123

4

hi @JonasBorum

You can try this code by following these steps:

Go to Online store => themes => actions => edit code and add this code on file theme.liquid before tag

PageFlyVictor_0-1677558014420.png
PageFlyVictor_0-1677558014420.png1600×777 194 KB

Hope this answer helps.

Best regards,

Victor | PageFly

2 Likes
5

Hello @JonasBorum ,

You can follow these steps:

  1. Go to Online Store->Theme->Edit code

GemPages_0-1677558207958.png
GemPages_0-1677558207958.png400×193 29.2 KB

  1. Open your theme.liquid file, paste the below code before

GemPages_1-1677558240428.png
GemPages_1-1677558240428.png1270×889 71.1 KB

I hope the above is useful to you.

Kind & Best regards,
GemPages Support Team

1 Like
6

Thank you PageFly-Victor

Both you and Gempages ways work. However is there a way to make it different on the mobile version? So for example, that the prices are on the same line on the mobile version aswell.

Also do you know a way to remove the “sale” tag?

Thank you

7

Thank you GemPages

Both you and PageFly’s ways work. However is there a way to make it different on the mobile version? So for example, that the prices are on the same line on the mobile version aswell.

Also do you know a way to remove the “sale” tag?

Thank you

8

You can use this code for only desktop