Custom HTML not full width on mobile but desktop is fine

Technical Q&A
1

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?

Desktop view fine
Desktop view fine352×671 66.3 KB

Mobile not full width
Mobile not full width242×756 43.5 KB

2

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

1 Like
3

Hi Richard,

That has worked like an absolute charm, thank you so much! Exactly what I wanted to achieve. :blush: :+1:

1 Like