can someone help me with making the price on my website look like this sample website

[swawestore]

can someone make the prices on my website https://swawe.store/ look as symmetrical on mobile as this sample image 

[GTLOfficial]

Hello @swawestore 
Go to online store ----> themes ----> actions ----> edit code---->base.css
add this code at the end of the file.

@media screen and (max-width: 750px) {
.price__container span {
font-family: 'font_Regular' !important;
}
}

result

If this was helpful, hit the like button and accept the solution.
Thanks

[swawestore]

didn't work

[GTLOfficial]

Try This -

Go to online store ----> themes ----> actions ----> edit code---->theme.liquid
and paste this code before </head>

<style>
@media screen and (max-width: 750px) {
.price__container span {
font-family: 'font_Regular' !important;
}
}
</style>

thanks

[swawestore]

 

[GTLOfficial]

now need to reduce the font size of the price .
Ques 1) do you want both the prices to show.?
or you want to delete regular price and show only sale price.

[Sangeetanahar]

hello @swawestore 

Go to online store ----> themes ----> actions ----> edit code ---->assets ---->component-price.css...>
add the code end of the file
.price--on-sale .price-item--regular {

display: none !important;

}

result

Buy me a Pizza

If this was helpful, hit the like button and accept the solution.
Thanks

[swawestore]

fail

[Sangeetanahar]

hello @swawestore 

You will clarify what exactly you want

thanks