How to make these banner buttons one above the other instead of side by side?

empiricalarby
Pathfinder
139 1 27

https://empiricalwater.com/

 

Notice the buttons in the image banner: Buy Now and Learn Stuff - They are currently side by side. How can it be adjusted so that Buy Now is centered, and Learn stuff is right below it?

 

Thank you

Replies 2 (2)

Moeed
Shopify Partner
3542 892 1107

Hey @empiricalarby 

 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

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

<style>
@media screen and (min-width: 768px) {
.banner__buttons.banner__buttons--multiple {
    flex-flow: column !important;
}
}
</style>

RESULT:

Moeed_0-1700983166771.png

 

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

 

Best Regards,
Moeed

Need a Shopify developer? Chat on WhatsApp


- For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
- Your Coffee Tip and my code, A perfect blend. ❤️
Canva to Shopify in clicks - Free App
empiricalarby
Pathfinder
139 1 27

Thank you, can you make this work on mobile as well?