Shopify themes, liquid, logos, and UX
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
Solved! Go to the solution
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
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
THANKS FOR THIS! It worked see the result below. 🙂
Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024Digital marketers and app developers have tracked activity in apps and websites for yea...
By Ollie Mar 13, 2024February was an exciting month with Shopify Editions, informative webinars, and more! F...
By JasonH Mar 7, 2024