Hero section appears different on mobile

[pimpãoclothing]

Hello guys, i have this page, but when i change to mobile it appears like that. How can i change this? Thanks

https://umhw5c-2w.myshopify.com/collections/bebe-menina

[suyash1]

@pimpãoclothing - what exact change do you want?

[pimpãoclothing]

I needed the heading to be inside the image as on the desktop, and that there was no white part that appears in the image above.

[DaisyVo]

Hi @pimpãoclothing 

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

@media (max-width: 768px) {
.banner__content.banner__content--middle-center.page-width.scroll-trigger.animate--slide-in {
    display: none !important;
}
}

Result 

Best,

DaisyVo

[pimpãoclothing]

I thank you in advance but even so the heading does not appear and should be above the image

[DaisyVo]

Hi @pimpãoclothing 

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

@media (max-width: 768px) {
.banner__content.banner__content--middle-center.page-width.scroll-trigger.animate--slide-in {
    position: absolute;
}
.banner--mobile-bottom .banner__box {
    position: absolute;
    background: transparent;
    top: 0;
    margin-top: 20%;
}
}

Result 

Best,

DaisyVo

[tim]

There is a setting "Show container on mobile" -- have you tried to change it? (it's simply "Container" in newer versions)