No margins on wide block on mobile

Hi,
If you meant the 3 columns become one full-width column on mobile devices, it’s not an issue as 3 columns don’t look good on mobile devices.

Regarding footer and header margins, can you elaborate it or send a screenshot marking the problem?

Thanks.

The columns block is responsive and is displayed as a single column on mobile devices so that is not an issue. But the contents of the columns touches the edge if the view port. See this screenshot. Notice the distance between the edge en content in the footer. Could the same be applied to the content area?

I guess you’ve set the Page Template to Page Builder for the page. Please change it to Default template.

I tried changing to Default template now but then my full width cover image does not stretch from edge to edge with any of the available layouts. To achieve this I need to use the Page builder layout.

Please try adding this CSS:

@media screen and (max-width: 768px) {
    .page-template-pagebuilder #main .tg-container {
        padding-left: 15px;
        padding-right: 15px;
    }
}

Thank you, that looks much better. Do you conciser this a bug that will be fixed in an update? Just want to know if I should plan to keep this CSS long term.

I don’t think this is an issue as the Page Builder template is supposed to use with Page Builder and it requires content to be full width without padding.

OK. I keep this additional CSS then. Thank you for your time.