Change size of image banner button label on mobile

Store Design
, , , ,
1

Hello, I want to change the size of my image banner button label on mobile, but keep it the same on desktop. I’m happy with the size of the font, I just want to box to be a bit smaller on mobile. I’ve attached an image of what I want it to look like.

Screenshot 2024-11-06 at 14.04.41.png
Screenshot 2024-11-06 at 14.04.41.png865×370 30.5 KB

This is my website, and I want it to look something like this:

IMG_1953.jpg
IMG_1953.jpg1170×315 38.6 KB

2

Hi @ads18922

To complete your requests, please follow these steps:

  1. Go to Shopify Admin > Online Store > Theme > Customize > Theme Settings > Custom CSS https://prnt.sc/i8ljAMlHJUKl
  2. Paste the code provided into the Custom CSS section.
@media screen and (max-width: 768px){
    .banner__box.content-container .banner__buttons > a.button::after {
        top: 5px;
        bottom: 5px;
        left: 10px;
        right: 10px;
    }
}

Here is the result: https://prnt.sc/CGqYiZiTi4Wo

I hope this helps

Best,

Daisy