How to make my button full width on mobile?

Store Design
1

Hey Guys,

Need some help here

https://arter.id/pages/linktree

How do I make my button to be full width and align centered?

All I care is how it look on mobile

Note: I’m making a linktree-ish landing page on my own site.

Thanks for the help!

Raymond

1 Like
2

Hey @Raymond_siswara

Please add following code in your assets/theme.scss.liquid file.

@media only screen and (max-width: 749px){
.btn {width:100%}
}

Hope this works for you.

Thanks!

3

Hi, thanks for the help.

this solution works but it breaks my catalog page. it doesn’t let me scroll between images on my product catalog page.

Any other ideas?

Thanks so much!

4

Hello @Raymond_siswara

Please change the CSS class .btn to the new name after then I will send new CSS for you

Thanks!

1 Like