How do i move the text and button to the bottom of the image banner on spotlight theme

How do i move the text and button to the bottom of the image banner on spotlight theme

michal0000
Visitor
1 0 0

I have a problem with moving the text and button to the bottom of the image banner on mobile. I already did it on desktop, and the text is at the bottom but i cant find the solution to this on mobile.

Näyttökuva 2024-04-11 202025.png

 on desktop its on the bottom

Näyttökuva 2024-04-11 201712.png

 but on mobile its on the middle.

 

 

Reply 1 (1)

magenest
Shopify Partner
162 12 25

Hi @michal0000, you can try adding this CSS

Online Store > Theme > Customize > Settings > Custom Css

@media only screen and (max-width: 767px) {
.banner__box {
bottom: -20%;
}
}

 Hope this helps and feel free to tag me if you have any more questions

Magenest - One-stop Digital Solution Provider
- Don’t forget to drop a thumbs-up and Mark it as a Solution if you find our response useful
- Elevate your online business with our Shopify experts and professional designers