text and button position on homepage's image banner - Mobile Layout Adjustment Only

Store Design
1

Hi there,

I need help adjusting the layout of the homepage for mobile devices. Currently, the heading, paragraph, and button are positioned in the center, covering the background image (see screenshot below).

I’d like them moved to the middle-bottom section where there’s blank space. Please ensure this change only applies to the mobile layout and doesn’t affect the desktop version.

URL: https://yinheart.com/

Theme: Sense

0a474e9e11815eeb3ddc0077f415a5a.jpg
0a474e9e11815eeb3ddc0077f415a5a.jpg1267×2742 214 KB

2

Go to your online store → edit code → section-image-banner.css file and paste this code in the end of file

@media screen and (max-width: 749px) {
    .banner__box {
        margin-top: 450px !important;
    }
}
3

You are genius! THANK YOU SO MUCH :heart_exclamation: