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

[lottiediao]

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

 

[Asad-Mahmood · Accepted solution]

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;
    }
}

[lottiediao]

You are genius! THANK YOU SO MUCH ❣️