Spacing / Padding between cross over price and sale price (Dawn theme)

Hey, Is it possible to reduce the padding between the cross over price and sale price on collection pages for both desktop and mobile?

my store url: bellevodesign.com

Picture of the issue:

Desired outcome:

Hi @bellevo ,

Add below css to the base.css file.

s.price-item.price-item--regular {
    margin-right: 5px;
}

Please don’t hesitate to reach out if you need further help optimizing or customizing your store. If you find this information useful, a Like would be greatly appreciated. And if this solves the problem, please Mark it as Solution!

Best Regards,
LuffyOnePiece

Hello @bellevo

This is Amelia at PageFly - Shopify Advanced Page Builder app.

You can try the following steps I have provided to help you solve the problem you are facing:

Step 1: Online Stores > Themes > Edit code

Step 2: Choose file base.css

Step 3: Add code

.price-item--sale {
    margin-left: -8px;
}

Hoping my solution helps you solve your problem.

Best regards,

Amelia | PageFly

Hey, this works on desktop but it doesn’t change the padding on mobile. Is there a way to change it on mobile as well?