Equal button width on mobile on a single page (not product)

5 0 1

Hi there,

I've made a quick links page for a client (like Link Tree) and when I inserted this code

/*================ BUTTON WIDTH - QUICK LINKS ================*/
@media only screen and (max-width: 749px){
.btn {width:100%}

it broke a "scroll" button for products with more than 4 photos (making them also full width).

Anglea Marie Pottery Handmade Ceramic Mug Personalized Pet Name (All – Plume.jpeg

How do I target this particular page to make the buttons equal width on mobile, and while I'm asking, also on desktop?


Thank you!

Shopify Partner
17258 1869 6450


sorry for this issue can you please try this 

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.css ->paste below code at the bottom of the file.
this code apply for after 5 - 6 second

@media only screen and (min-width: 640px) {
.template-page a.btn.btn-success {
    width: 480px;
@media only screen and (max-width: 639px) {
.template-page a.btn.btn-success {
    width: 100%;


If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing