Solved

Button mobile version half width | Palo Alto Theme

Teddy9
Shopify Partner
144 3 37

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

 

Teddy9_0-1685746005684.png

 

Accepted Solution (1)

PageFly-Lucas
Pathfinder
110 28 28

This is an 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

banned

View solution in original post

Replies 2 (2)

PageFly-Lucas
Pathfinder
110 28 28

This is an 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

banned
Teddy9
Shopify Partner
144 3 37

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

Teddy9_0-1685824915650.png