Reducing outline padding width on the image banner button just for mobile [dawn]

Store Design
, ,
1

I wanted to reduce the width on the button of the image banner just on the mobile. Not reducing the font size but just the padding so it doesn’t overlap with the image

IMG_3404.jpeg
IMG_3404.jpeg786×1045 49.4 KB

2

@devanshvasant - can you share this page link?

3

Hello @devanshvasant ,

You can try to follow these steps:

Go to Online Store → Themes → Actions → Edit code

Go to Assets folder → base.css file → add this following code at the bottom of page

.image-banner {
  position: relative;
  width: 100%;
}

.banner-button {
  width: 200px;
}

@media (max-width: 767px) {
  .banner-button {
    width: 150px;
  }
}

Save and preview

Hope this can help.

Transcy

4

Hey, nope din’t work for me

5

SOLUTION (shopsolution.in)