A user sought help reducing the spacing between crossed-out original prices and sale prices on mobile collection pages in the Dawn theme. They had already fixed the desktop version but needed a mobile solution.
Solution provided:
<head> tag in the theme’s code editorOutcome:
The issue was resolved successfully with the provided CSS solution.
Hey,
Is it possible to reduce the padding between the cross over price and sale price on collection pages for mobile? I found a way to fix it on desktop but it didn’t fix it on mobile.
my store url: bellevodesign.com
Picture of the issue:
Desired outcome:
Hey @bellevo ,
Go to your theme’s “Edit Code” Option, then in the search bar type “theme.liquid”
Below the tag “” tag paste the following. Screenshot attached for reference.
Screenshot is for reference only, the correct code to paste is the one shown above.
Perfect, thank you!
