move mobile content down - image banner Dawn theme

INFRA · ‎08-13-2024

Hi there,

How can I move this content to the bottom of the image on Dawn theme?

Preferably with a code to add in the editor, so it will stay the same after a theme version update.

Thanks!

website

password kanex2024

Guleria · ‎08-13-2024

Hello @INFRA ,

Add this css in theme settings custom css editor

@media screen and (max-width: 749px) {
.banner__box {
    position: absolute !important;
    bottom: 0 !important;
}
}

Thanks

- If helpful then please Like and Accept Solution.
- Drop an email if you are looking for quick fix or any customization ( paid services )
- Email: guleriathakur43@gmail.com
- Try GEMPAGES a great page builder

View solution in original post

Guleria · ‎08-13-2024

Hello @INFRA ,

Add this css in theme settings custom css editor

@media screen and (max-width: 749px) {
.banner__box {
    position: absolute !important;
    bottom: 0 !important;
}
}

Thanks

- If helpful then please Like and Accept Solution.
- Drop an email if you are looking for quick fix or any customization ( paid services )
- Email: guleriathakur43@gmail.com
- Try GEMPAGES a great page builder

INFRA · ‎08-14-2024

this worked, thanks so much!

Dan-From-Ryviu · ‎08-13-2024

Hi @INFRA

Precheck this option to make it display out of image

- Helpful? Like and Accept solution! ‌Support me: Buy coffee
- Ryviu - Reviews & QA app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.

move mobile content down - image banner Dawn theme

move mobile content down - image banner Dawn theme

Community Blog Articles