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

151 1 27


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)

Shopify Partner
3689 930 1161

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

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




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


Best Regards,

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. ❤️
151 1 27

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