I need to BOTTOM CENTRE the Banner "Buy Now" Buttons on Mobile (Dawn Theme)

[Miranda81]

Hello,

I'd love for my "Buy Now" Buttons to appear at the BOTTOM CENTRE of the banners on my Home Page.

(The only choice I currently have on the Mobile is Middle Left, middle centre, middle right)

I want them to be at the bottom (centre) of the banners on the mobile view.

Thanks.

[niraj_patel]

Hello @Miranda81 
Can you share store URL?

[Miranda81]

[Miranda81]

See the attached picture please.

The "buy now" button just sits in the middle obscuring the writing on my picture.

I'd like to move the buttons lower on Mobile.

Thanks

[Miranda81]

https://kalahariink.com/

[TerenceKEANE]

Hi!

If you provide the exact link to the relevant page, I can help you!

Terence.

[Miranda81]

The link is

https://kalahariink.com/

[TerenceKEANE · Accepted solution]

The following code will do what you want. You can change the values as you like. If you encounter any issues again, feel free to write, I'll help.

Navigate to the 'Edit Code' option in your theme settings, then search for “base.css” in the search bar and add below codes.

@media (max-width: 750.98px){

  .banner__box .banner__buttons {

    margin-top: 200px !important;

 

}

}

Terence.

[Miranda81]

Thank you! 

Worked out perfectly!!