Solved

Why are multiple buttons off-centre in the Dawn theme on Shopify?

willmvalmadre
Excursionist
19 0 6

In my dawn theme when I add one Button to my home page image banner, the button is in the centre. however when I add two buttons to the home page image banner both the buttons go off to the left hand side of the page, please see in image attached. can someone please help me centre these buttons Screen Shot 2021-10-15 at 6.15.53 pm.png

Accepted Solution (1)
Zworthkey
Shopify Partner
5581 642 1565

This is an accepted solution.

@willmvalmadre 
Paste this code on top of the theme.scss file.

@media only screen and (min-width: 992px) {
.banner__buttons.banner__buttons--multiple {
    margin-left: 125px !important;
}
}

Thank you.

View solution in original post

Replies 12 (12)

dmwwebartisan
Shopify Partner
12280 2546 3694

@willmvalmadre 

Please share stroe URL.

Thanks!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com |  Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | #1 Product Filter & Search app on Shopify | The most powerful Shopify page builder app

KetanKumar
Shopify Partner
36839 3635 11972

@willmvalmadre 

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community!😊
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Zworthkey
Shopify Partner
5581 642 1565

Hii, @willmvalmadre 
Kindly share your store URL so,
I can solve your issue perfectly.
Thank You.

Zworthkey
Shopify Partner
5581 642 1565

@willmvalmadre 
Please share your store password.

willmvalmadre
Excursionist
19 0 6

Valmadre2019

Zworthkey
Shopify Partner
5581 642 1565

This is an accepted solution.

@willmvalmadre 
Paste this code on top of the theme.scss file.

@media only screen and (min-width: 992px) {
.banner__buttons.banner__buttons--multiple {
    margin-left: 125px !important;
}
}

Thank you.

willmvalmadre
Excursionist
19 0 6

where do I place it if I don't have a theme.scss file?

 

Zworthkey
Shopify Partner
5581 642 1565

@willmvalmadre 
Paste this in the section-image-banner.css file.

re-dress
Visitor
3 0 2

Hey there, i am having the same problem. I added the code as you said but it is not completely align to the center. Can you please help me? my store url is https://re-dressmx.com/ password re-dress01

Captura de Pantalla 2021-10-31 a la(s) 20.48.16.png

KetanKumar
Shopify Partner
36839 3635 11972

@re-dress 

sorry for that issue can you please try this code

1. Go to Online Store->Theme->Edit code
2. Asset->/section-image-banner.css ->paste below code at the bottom of the file.

.banner__box>*+.banner__buttons--multiple {margin: 2rem auto 0px ;}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing