How can I resize sales bubbles on mobile in the Adaline theme?

Store Design
1

Hello,

On my mobile site only, the sale bubbles that pop up on the Adaline theme are too big. How do I fix this?

Mobile pic.jpg
Mobile pic.jpg320×692 27.5 KB

2

Hi there,

Sorry, about the problem you are facing, it would be my pleasure to help you. Please share your site URL. I will check out the issue and provide you with the best solution here.

Best regard,

Jenny.

3

@JohnnyThompson

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community! :blush:
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

4

My site URL is DakkarAthletics.com

5

My site URL is DakkarAthletics.com, thank you!

6

@JohnnyThompson

yes, please try this code

  1. Go to Online Store->Theme->Edit code
  2. Asset->/bitcode.style.scss ->paste below code at the bottom of the file.
@media (min-width: 76px) {
.product-label>span {
    width: 55px !important;
    height: 55px !important;
    padding: 13px !important;
}
.product-label {
    font-size: 11px !important;
}
.product-label>span>span>span {
    font-size: 12px !important;
}
}