I would like to know how I can make the “shop now” button a little smaller in the mobile version. What code can I use and how do I do it step by step?
1 Like
Hi @Debora_7 ,
Can you kindly share your store link with us? We will check it and suggest you a solution if possible.
Hello @Debora_7
Please provide URL and password of the store.
Hey @Debora_7
Welcome to Shopify Community! Can you share your Store URL so I can have a look on it? Also, if you have password enabled then please share the password as well. Your cooperation would be greatly appreciated.
Best Regards,
Moeed
Hey @Debora_7
Follow these Steps:
-
Go to Online Store
-
Edit Code
-
Find theme.liquid file
-
Add the following code in the bottom of the file above tag
RESULT:
If I managed to help you then, don’t forget to Like it and Mark it as Solution!
Best Regards,
Moeed
1 Like
Hi @Debora_7 ,
Step 1: Go to Shopify Admin → Online Store ->Theme → Edit code
Step 2: Search file theme.liquid
Step 3: Insert this code above tag:
Here is result:
Hope this can help you,
If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you 
Hi @Debora_7 ,
- Go to Online Store → Theme → Edit code.
- Open your theme.liquid file
- In theme.liquid, paste the below code before
If my reply is helpful, kindly click like and mark it as an accepted solution.
Thanks!
Hello @Debora_7
Go to online store ----> themes ----> actions ----> edit code---->base.css
add this code at the end of the file.
a.button.button--primary {
min-height: 30px !important;
}
result
If this was helpful, hit the like button and accept the solution.
Thanks
I tried but it appears that is not possible to publish with the code someone know what is this or what I doing wrong?
Hi @Debora ,
- Go to Online Store → Theme → Edit code.
- Open your theme.liquid file
- In theme.liquid, paste the below code before
If my reply is helpful, kindly click like and mark it as an accepted solution.
Thanks!
Thank you sooo much I manage to fix with your code.