How can I adjust info badge size on Booster theme for mobile view?

Store Design
1

Info badges on the Booster theme are not working well on mobile - would like to decrease the size or not have it staked. This is what it looks like, how can I make this smaller.

I have also set it as “desktop only” and it still appears in both mobile and desktop

Shop: www.trlapparel.com.au

Password: 100Percent

Current mobile view

TRLapparel_1-1628411776100.png
TRLapparel_1-1628411776100.png808×788 39.8 KB

1 Like
2

@TRLapparel

sorry for that issue can you please try this code

  1. Go to Online Store->Theme->Edit code
  2. Asset->/unicons.css ->paste below code at the bottom of the file.
    this code apply for after 5 - 6 second
@media only screen and (max-width: 767px) {
.info-badge {padding: 20px 10px !important;}
}
3

Thank you for your message! It didn’t work :disappointed_face:

4

oh wait sorry just changed the PX to 10 and 5

perfect thakn you!

1 Like
5

@TRLapparel

it’s my pleasure to help us

1 Like