Button mobile version half width | Palo Alto Theme

[Teddy9]

Hi,

We want the buttons on the mobile version displayed half the current width. How do I adjust the css if there is not setting to do this? 

Hope anyone here has the answer for me. Thank you in advance!

https://moodstreet-shop.myshopify.com

password: jolo

[PageFly-Lucas · Accepted solution]

Hi @Teddy9 

This is Lucas from PageFly - Landing Page Builder App

You can try this code by following these steps: 

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file base.css

Step 3: Paste the below code at bottom of the file -> Save

@media only screen and (max-width: 767px){

     a.slide__btn.btn.btn--primary.btn--small {

          width: 50% !important;

}}

Hope that my solution works for you.

Best regards,

Lucas | PageFly

[Teddy9]

THANKS FOR THIS! It worked see the result below. 🙂