Solved

Move Image Banner Content (Dawn Theme)

Joshua2612
Tourist
13 0 1

I am using the dawn theme..how to move the buttons and the heading to the left

 

Joshua2612_0-1685347024197.png

 

Accepted Solution (1)
Moeed
Shopify Partner
3538 891 1106

This is an accepted solution.

Hey @Joshua2612 

 

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>
.banner__content.banner__content--flex-end.page-width {
    justify-content: left !important;
}
</style>

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

View solution in original post

Replies 7 (7)

Moeed
Shopify Partner
3538 891 1106

Hey @Joshua2612 
Kindly share your Store URL and Password if enabled

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
Moeed
Shopify Partner
3538 891 1106

This is an accepted solution.

Hey @Joshua2612 

 

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>
.banner__content.banner__content--flex-end.page-width {
    justify-content: left !important;
}
</style>

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
Joshua2612
Tourist
13 0 1

It works.thanks!

Dan-From-Ryviu
Shopify Partner
6916 1305 1334

Hi @Joshua2612 please add this code at the bottom of your base.css file 

.banner__content.banner__content--middle-center {
justify-content: left !important;
}

- Helpful? Like or Accept solution, - Coffee Tips or Paypal Tips
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Create Image Lookbook, Photo Gallery with product hotspots
- Enjoy 1 month of Shopify for $1. Sign up now

Joshua2612
Tourist
13 0 1

Not working ya

Dan-From-Ryviu
Shopify Partner
6916 1305 1334

Please use this CSS code

.banner__content {
    justify-content: left !important;
}

- Helpful? Like or Accept solution, - Coffee Tips or Paypal Tips
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Create Image Lookbook, Photo Gallery with product hotspots
- Enjoy 1 month of Shopify for $1. Sign up now