Shopify themes, liquid, logos, and UX
Hi, there. Can someone please help me?
I'd like to make button smaller on our first page for mobile version.
Our URL is https://daiwafelicity.com/
Solved! Go to the solution
This is an accepted solution.
Hi @HO
You can follow the following steps:
1. Please go to the Online Store.
2. Then Edit Code.
3. Please find the theme.liquid file.
4. Please add code before closing the tag </body> tag.
<style>
@media only screen and (max-width: 479px) {
.btn, .shopify-payment-button__button--unbranded {
width: 30%;
position: absolute;
font-size: 10px;
bottom: 16%;
/* margin: 0 0 0px 0px; */
padding: 0 0 0 0;
}
}
</style>
If this solution is worked, then please Like this and Mark this as accepted solution!
Shuvam
This is an accepted solution.
Hi @HO
You can follow the following steps:
1. Please go to the Online Store.
2. Then Edit Code.
3. Please find the theme.liquid file.
4. Please add code before closing the tag </body> tag.
<style>
@media only screen and (max-width: 479px) {
.btn, .shopify-payment-button__button--unbranded {
width: 30%;
position: absolute;
font-size: 10px;
bottom: 16%;
/* margin: 0 0 0px 0px; */
padding: 0 0 0 0;
}
}
</style>
If this solution is worked, then please Like this and Mark this as accepted solution!
Shuvam
Thank you for your help. It works well. Appreciate it.
this is not working
Learn what's possible with customizing Shopify Checkout beyond what's available out of...
By Shopify Feb 19, 20252m ago Learn the essential skills to navigate the Shopify admin with confidence. T...
By Shopify Feb 12, 2025Learn how to expand your operations internationally with Shopify Academy’s learning path...
By Shopify Feb 4, 2025