Sold out on the phone size

[chefsimecek]

Hey, anyone can help me with code for to make sold out sign on the mobile phone smaller, which is in one order and not on top of each?

Thank you!

[BSS-TekLabs · Accepted solution]

- Here is the solution for you @chefsimecek 
- Please follow these steps:

- Then find the theme.liquid file.
- Then add the following code at the before tag </head> and press 'Save' to save it.

 

<style>
@media only screen and (max-width: 600px) {
.card__badge .badge {
    font-size: 0.8rem !important;
}
}
</style>

- Here is the result you will achieve:

- Please press 'Like' and mark it as 'Solution' if you find it helpful. Thank you.

[chefsimecek]

Thanks man 🙂

[BSS-TekLabs]

Glad to help you. Have a good day.

[niraj_patel]

Hello @chefsimecek 

You can add code by following these steps

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file

3. Paste the below code before </body> on theme.liquid
<style>
@media screen and (max-width: 767px){
  .card__badge.top.left {
     position: absolute;
     top: -29px;
   }
   span.badge {
     font-size: 9px !important;
   }
}
</style>
Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution

[ZQ10]

I tried to do same on my theme but results were not fruitful. still showing SOLDOUT on mobile site. kindly check my web address : www.zqstore.biz