Adjust button size on Mobile

Solved

Adjust button size on Mobile

HO
Visitor
3 0 1

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/

HO_0-1738278186252.png

 

Accepted Solution (1)

laddisahsi
Shopify Partner
444 44 45

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>

 

laddisahsi_0-1738306874732.png

 

 

 

If this solution is worked, then please Like this and Mark this as accepted solution!


Shuvam

-Shopify website development, Theme & App Development
-Contact me: WhatsApp


-Email Me
-If this solution is worked, then please Like this and Mark this as accepted solution!

View solution in original post

Replies 3 (3)

laddisahsi
Shopify Partner
444 44 45

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>

 

laddisahsi_0-1738306874732.png

 

 

 

If this solution is worked, then please Like this and Mark this as accepted solution!


Shuvam

-Shopify website development, Theme & App Development
-Contact me: WhatsApp


-Email Me
-If this solution is worked, then please Like this and Mark this as accepted solution!
HO
Visitor
3 0 1

Thank you for your help. It works well. Appreciate it.

ekart
Tourist
5 0 0

this is not working