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

jenseris
Tourist
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?

https://somethingplume.com/pages/quick-links

Thank you!

KetanKumar
Shopify Partner
17258 1869 6450

@jenseris 

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
0 Likes