How can I fix the placement of submit buttons on my customer login page?

How can I fix the placement of submit buttons on my customer login page?

TBS2022
Trailblazer
243 2 36

Hello

My submit buttons are not placed correctly on both my customer login and create account page

 

TBS2022_0-1696338993513.pngTBS2022_1-1696339012639.png

Can someone please help

I am using Impulse theme

https://39e9ca.myshopify.com/

riacia

 

Thanks

 

 

Replies 13 (13)

ZestardTech
Shopify Partner
5776 1052 1392

Hello There,

 

1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset > theme.css and paste this at the bottom of the file:

 

form#customer_login .btn--full {
margin: auto!important;
}
form#create_customer .btn--full {
margin: auto!important;
}

 

ZestardTech_0-1696339576344.png

 

 

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
TBS2022
Trailblazer
243 2 36

thanks- it worked on desktop but not on mobile.

ZestardTech
Shopify Partner
5776 1052 1392

Hello There,

 

1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset > theme.css and paste this at the bottom of the file:

 

form#create_customer input.btn.btn--full {
margin: auto!important;
}
form#customer_logi button.btn.btn--full {
margin: auto!important;
}

 

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
TBS2022
Trailblazer
243 2 36

still not good in mobile version

 

TBS2022_1-1696340265537.png

 

 

syedsumaimaly
Trailblazer
147 16 22

@TBS2022  Try this

 

 

button.btn.btn--full {
    display: block;
}

 

 

syedsumaimaly_0-1696340061947.png

If I managed to help you then, don't forget to Like it and Mark it as Solutions.

TBS2022
Trailblazer
243 2 36

Also my add to cart button on product page

TBS2022_0-1696341422961.png

 

ZestardTech
Shopify Partner
5776 1052 1392

Hello There,

 

1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset > theme.css and paste this at the bottom of the file:

 

button.btn.btn--full {
margin: auto!important;
}
input.btn.btn--full {
margin: auto!important;
}
Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
syedsumaimaly
Trailblazer
147 16 22

@TBS2022  Try this

button.btn.btn--full {
    display: block;
}

syedsumaimaly_0-1696340061947.png

If I managed to help you then, don't forget to Like it and Mark it as Solutions.

syedsumaimaly
Trailblazer
147 16 22

Hi @TBS2022 

Its Perfectly fine from my side try to open your side on incognito.

syedsumaimaly_0-1696339849533.pngsyedsumaimaly_1-1696339871689.png

 

If I managed to help you then, don't forget to Like it and Mark it as Solutions.

 

syedsumaimaly
Trailblazer
147 16 22

@TBS2022 

Follow these Steps:

Go to Online Store  Edit Code Find theme.liquid file or base.css

Add the following code in the bottom of the file above </body> tag

input.btn.btn--full {
    margin: auto;
}

syedsumaimaly_0-1696340226445.png

If I managed to help you then, don't forget to Like it and Mark it as Solutions.

TBS2022
Trailblazer
243 2 36

still not good in mobile version 😞

syedsumaimaly
Trailblazer
147 16 22

@TBS2022 Can you send the  Screenshort where you add code?

 

TBS2022
Trailblazer
243 2 36

i think there is something wrong with my theme on mobile

my collection page is also all wrong

 

TBS2022_1-1696341545428.png