Site logo

Archived topic

Question about Section Width on Mobile

4 replies · Started by Chris on April 24, 2020

Viewing posts 1–5 of 5

Hey guys! First off, thanks so much for releasing GP 1.1...so glad you fixed the page configurator! I was sick of scrolling through the WP blocks to get to the sections! It's much appreciated.

There have been a few situations when I changed a section inner box type to full width to better show off google maps and photo plugins. They look great on desktop and go to the screen edge, but I notice a small margin on mobile on the left and right sides.

Is there a way to get content to go all the way to the screen edge on mobile? I resorted to filling in the Google Maps section background with the same green color as the map itself so it was less noticable, but this isn't so helpful for a photo gallery.

Thanks for your help!
Chris

Hi there,

add this CS to your site:

@media (max-width: 768px) {
    .no-mobile-padding .generate-sections-inside-container {
        padding-left: 0;
        padding-right: 0;
    }
}

Then for any Sections you want to remove the left and right padding you can edit the Section > Settings and add no-mobile-padding to the Custom Class field

awesome, thanks for your help!

resolved

Glad to be of help

This archived topic is closed to new replies.