How to make Compare at price and sales price appear on same line on collection pages mobile

Hi,

I need help making the compare at price and sale price appear in the same line on collection pages and featured collection on home page.

wt the moment the appear as the compare at price and sale price underneath in a seperate line on mobile?

Also they are different sizes and I’d like to made the size the same.

Also I am happy to removed the AUD for space if needed!

I have attached a screen shot to how they look now.

Thank you

The only way to do that is via custom coding, and it’ll be different, depending on which theme you’re using. I couldn’t really tell you how to do this, without being able to play around with the coding myself first. This is definitely doable though.

Your best bet is to hire a Shopify Partner who specializes in “theme customizations”: https://www.shopify.com/partners/directory/services/store-setup/customize-theme

If you want to hire me for this, then feel free to reach out via email directly. Edited by Community Moderator

Hello,

Yes, what you mentioned can be done. Could you please share the link to the site?

Terence Keane

Best Regards,

Thank you

it’s: www.littleluxebubbas.com

The following code will unify the price section to a single line and ensure consistent font sizes on mobile. I’ve attempted to adjust the ‘AUD’ part, but it seems to conflict with the existing software. Of course, with some effort, it can be done.

Add these between the tags. Or simply add the contents of the section to your CSS and clear the caches. I’ve tested it on Google Chrome and it worked seamlessly. I recommend checking for any conflicts with other areas after testing.

https://help.shopify.com/en/manual/online-store/themes/theme-structure/extend/add-css


Thank you for the reply.

do you mean to add the code above the tag in theme.liquid code

?

Thank you

Thank you adding the content between the style tags works on custom css section on theme settings.

Really appreciate the help.

you are welcome :slightly_smiling_face:

hello, mine doesn’t work. www.jsdistrict.com