Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

How do I make 'Sold Out' larger on mobile product page?


Site URL: https://sundogbread.com/preorder

Hi! I'm hoping someone will help me with a css code for my mobile site with the motto template. I am trying to make the sold out text/icon larger on my mobile page. 

This is what it currently looks like:


I'm would like the sold out icon to look something like this:


Share this post

Link to post

4 answers to this question

Recommended Posts

  • 0

The exact page is https://sundogbread.com/preorder. It's a working site and all items are showing in stock at the moment. I made a different product sold out at the bottom of the page to use for an example.

I'm not sure if  you can help with this one, but one complaint we received about the site is that when you click to view a category all items show in stock, even though it is out of stock for that particular category. I know it is because the item is in stock for the other categories and it only displays the 'sold out' icon when it is out of stock for all categories. Customer's would like the  'out of stock' icon to appear over products after clicking on their selected category (day of the week). That way they can see it it out of stock for that particular category (day) before trying to add it to their cart. 

Thank you for all your help!

Share this post

Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment

  • Create New...