Mobile layout (no sidebar) on tablet

Hi there,

unfortunately there is no magic button that will change the media breakpoints so tablet adopts mobile. It would require manually editing those layouts.

The most i can offer is a little CSS that forces GB Columns to 100% on wider screen size:

@media(max-width: 1024px) {
    .gb-grid-wrapper > .gb-grid-column {
        width: 100% !important;
    }
}

Thanks but that doesn't seem to have done anything :(

I can make the sidebar disappear if I use:

.inside-left-sidebar {
display: none;
}

But then the main window doesn't fill up the 100% width.

May bad - didn't read the topic title correctly and just looked at the very fancy home page :)
Try this CSS:

@media(max-width: 1024px) {
    .site-content {
        flex-wrap: wrap;
    }
    #primary, #left-sidebar {
        width: 100%;
    }
    #left-sidebar {
        order: 10;
    }
    .one-container.left-sidebar .site-main,
    .widget-area .secondary-navigation {
        margin-left: 0;
    }
}

Haha, thanks, very reassuring to hear!

That css has worked, thanks!

Glad to hear that!