Set text container to overlap home page picture on mobile

[MagesLaboratory]

My desktop homepage looks like this:

And my mobile homepage looks like this (w/o the "show container on mobile" toggled on):

Mobile with the "show container" switched on:

Any ideas on how to make my mobile homepage picture and container look like the desktop version?

Craft theme

themageslaboratory.com

pw magic123

[PageFly-Noah · Accepted solution]

This is Noah from PageFly - Shopify Page Builder App

 You can follow code here to fix it:

Step 1: Online Stores > Themes > Edit code

Step 2: Choose file theme.liquid
Step 3: Add code above the tag </head>

<style>
@media only screen and (max-width: 767px) {
    #shopify-section-template--17416315371761__image_banner_nPgiEg .banner .banner__media{
      height: 400px !important; 
    }
    #shopify-section-template--17416315371761__image_banner_nPgiEg .banner .banner__content{
    position: absolute !important;
    top: 70px !important;
    }
}
</style>

Hope my solution will help you resolve the issue.

Best regards,

Noah | PageFly

[MagesLaboratory]

Singing your praises. Thanks much!!

[PageFly-Noah]

Thank you for response.