How to Align text and buttons in one line Dawn theme

Store Design
, , , , ,
1

Hello everyone I’m using the Shopify Dawn theme the text on the banner is not looking good on mobile view

This is how it’s now

now.PNG
now.PNG281×597 202 KB

My store URL: https://aeab6f.myshopify.com/ (password: 1)

How I want this

rfnc.PNG
rfnc.PNG193×421 104 KB

Refernce store URL: https://lamaretail.com/

2

Hello @Fahadhassan
can you share store URL?

3

https://aeab6f.myshopify.com/ (password: 1)

4

You can add code by following these steps

  1. Go to Online Store → Theme → Edit code.

  2. Open your theme.liquid file

  3. Paste the below code before on theme.liquid

@media screen and (max-width:767px){ .banner__buttons.banner__buttons--multiple { display: flex; justify-content: center; align-items: center; } .banner--content-align-mobile-center .banner__buttons--multiple>* { flex-grow: 2; min-width: 30% !important; padding: unset !important; } }
5

I want to increase banner height on mobile like reference image and align the text on the bottom of the image on mobile