Sold out on the phone size

Store Design
,
1

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!

IMG_2827.jpg
IMG_2827.jpg1170×2532 196 KB

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

z5686811214059_e66de1953f1db631f9134af5cdb796ad.jpg
z5686811214059_e66de1953f1db631f9134af5cdb796ad.jpg1865×854 94.6 KB

  • Then find the theme.liquid file.
  • Then add the following code at the before tag and press ‘Save’ to save it.
  • Here is the result you will achieve:

BSSTekLabs_0-1725027511603.png
BSSTekLabs_0-1725027511603.png376×608 56.8 KB

  • Please press ‘Like’ and mark it as ‘Solution’ if you find it helpful. Thank you.
3

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 on theme.liquid

@media screen and (max-width: 767px){ .card__badge.top.left { position: absolute; top: -29px; } span.badge { font-size: 9px !important; } }

Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution

4

Thanks man :slightly_smiling_face:

5

Glad to help you. Have a good day.

6

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