victoria85

Thank you SO much @tuanphan!! This fixed it. I'm so relieved!
Thanks again,
Vic

Thanks so much! This worked for me 🙂

Use this code to Website > Website Tools > Custom CSS
/* Mobile extra space */ @media screen and (max-width:767px) { .fe-65c13c59fca4ce46d9891822 { grid-template-rows: repeat(55,minmax(24px, auto)) !important; } }  

@Lesum Perfect! Thank you so much for your support. It's exactly how I wanted it 🙌

Hi Tom!
 
This has worked perfect!!
I'm not completely fluent in css, I know a lot more than I did (I get by and I'm learning!) so thank you for your patience. I really appreciate the help. My shop is looking exactly how I want it to now in terms of the sale badges and sold out badges. I'm super happy with them!
Here's how it's looking:

 
Thanks for all your help 😃
 

Move the sold out code after the sale code. In CSS the last ruleset wins and it's declarations are applied over previous ones.
Let us know how it goes.

Hi Tom!
I checked through all my CSS and as far as I can see there's no errors, so that's good.
Everything is working as expected so far. I have in place:
Your sold out badge code - all working Native limited availability text (thank you! I didn't know this was a native feature!) I'm not sure what was happening last night but my CSS only seemed to load and be visible in the builder with the CSS side bar open. But this has resolved. May have been a glitch.
I have saved all my CSS in a file so I can revert back to it and I'm about to install your sale badge code 🙂
I'll let you know how I get on.
 
I also restyled the badges and I think they look much smarter 🙂

 

Sounds good.
By the way my code does work with the built-in limited availability feature.

Thank you so much @creedon It's working perfect now. I really love this 🙂
Vic

I have previously shared some CSS to change the mobile product category slider into a centered list of categories. If you only have a few, this may work:
You could create the manual method that you described by adding a folder and placing some links (to each category) within the folder. It does work but users are unlikely to want to keep tapping the 'burger' menu to view different categories.
Did this help? Please give feedback by clicking an icon below  ⬇️

Thank you @creedon! This worked perfectly!
Thanks so much for your help and pointing me in the right direction.
Vic

Please see Store Product List Sale Badge.
Let us know how it goes.