Dawn theme banner text needs to go down

Dawn theme banner text needs to go down

fineedge
Excursionist
23 0 6

I would like to figure out how to drop the text in the banner further to the bottom.  I can select bottom centre but on mobile it drops it right in front of the image so its not easy to read. Tried to edit code to no avail.

 

drop text.jpg

Replies 2 (2)

Moeed
Shopify Partner
7347 1992 2431

Hey @fineedge 

 

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 (max-width: 767px) {
.banner__content {
    align-items: flex-end !important;
}
.banner__box {
    padding-bottom: 20px !important;
}
}
</style>

RESULT:

Moeed_0-1742497986804.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 Specialist? Chat on WhatsApp

- Get a quick Shopify quote – Click here!

- Custom Design | Advanced Coding | Store Modifications


DaisyVo
Shopify Partner
4385 486 579

Hi @fineedge 

You can try to follow this step
Step 1: Go to Edit code
Step 2: Find file base.css and add this code at the end of the file

 

.banner__content.banner__content--bottom-center.page-width {
    align-items: end !important;
}
.banner__box.content-container.content-container--full-width-mobile.color-background-1 {
    padding-bottom: 12px !important;
}

 

Result 

DaisyVo_0-1742523461037.png

 

Best,

DaisyVo

Please let us know if our reply is helpful by giving it a Like or marking it as a Solution!

Avada SEO & Image Optimizer - The #1 SEO solution