Site logo

Archived topic

How to make tablet layout same like Mobile layout in generatepress premium

3 replies · Started by Debasis on September 2, 2020

Viewing posts 1–4 of 4

How to make the tablet layout same as the Mobile layout in Generatepress premium. please help me:

Hi there,

change this CSS:

@media (min-width: 769px) {
    #right-sidebar {
        width: 300px;
    }

    .inside-right-sidebar {
        padding-right: 20px;
    }

    #primary {
        width: calc(100% - 300px);
    }
}

to:

@media (max-width: 1024px) {
    #primary,
    #right-sidebar {
        width: 100%;
        float: none;
    }
}

@media (min-width: 1025px) {
    #right-sidebar {
        width: 300px;
    }

    .inside-right-sidebar {
        padding-right: 20px;
    }

    #primary {
        width: calc(100% - 300px);
    }
}

Then in Customizer > Layout > Primary Navigation - set the Mobile Menu Breakpoint to 1024px.

Thanks, it works..

You're welcome

This archived topic is closed to new replies.