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

[TBS2022]

Hello

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

Can someone please help

I am using Impulse theme

https://39e9ca.myshopify.com/

riacia

Thanks

[ZestardTech]

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;
}

[TBS2022]

thanks- it worked on desktop but not on mobile.

[syedsumaimaly]

Hi @TBS2022

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

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

[ZestardTech]

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;
}

[syedsumaimaly]

@TBS2022 Try this

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

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

[syedsumaimaly]

@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 tag

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

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

[TBS2022]

still not good in mobile version

[syedsumaimaly]

@TBS2022 Try this

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

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

[TBS2022]

still not good in mobile version

[TBS2022]

Also my add to cart button on product page

[syedsumaimaly]

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

[TBS2022]

i think there is something wrong with my theme on mobile

my collection page is also all wrong

[ZestardTech]

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;
}