How to make a button smaller just on mobile

Store Design
1

Hey guys,

I need help with some of the css coding to make a button smaller. I’m using the debut theme and in my first section which is “image with text” there is a button labeled “ABORIGINE Collection”. The size of the button is good on desktop but on mobile its way too big. Is there a way to make the button smaller just on mobile so it fits in between the pieces of jewelry?

BTW theres my website if its needed:

password: ugunte

Thanks!

Ben Wilson

help1.JPG
help1.JPG1572×935 280 KB

help2.JPG
help2.JPG1463×894 60 KB

1 Like
2

your password is incorrect can you please check it i can not access your store

3

@benwilson - wrong password

4

@benwilson

I just checked your passwrod is incorrect. Please recheck and provide password.

Thanks!

5

Oh sorry about that guys the password is: egunte

6

its the wrong one

7

Is the password you need just to the one to access the site or my actual Shopify password?

Thanks

8

@benwilson

Please add the following code at the bottom of your assets/theme.scss.liquid file

@media only screen and (max-width: 749px) {
#shopify-section-hero-1 a.btn.hero__btn { font-size: 12px !important; }
}

Hope this works.

Thanks!

1 Like
9

Works great thank you!

1 Like