Custom HTML not full width on mobile but desktop is fine

[Nessers]

Hi,
I'm not great with stuff like this, apologies!
I've put a custom html section on our home page - its an image map (hope that's the right name, sorry!)
It looks fine on the desktop view, but in the mobile view it doesn't come out to the edge of the screen either side. Is there a way to fix this, so that there will be no margin on each side?

[PageFly-Richard · Accepted solution]

Hi @Nessers ,

This is Richard from PageFly - Landing page builder, I’d like to suggest this idea:
Step 1: Go to Online Store->Theme->Edit code
Step 2: Asset->/theme.css->paste below code at the bottom of the file:

@media screen and (max-width: 749px) {
    [data-section-type="html"] .container {
        padding: 0;
    }
}

I hope it would help you
Best regards,

Richard | PageFly

[Nessers]

Hi Richard,

That has worked like an absolute charm, thank you so much! Exactly what I wanted to achieve. 😊👍