[Resolved] How to make tablet layout same like Mobile layout in generatepress premium

Home Forums Support How to make tablet layout same like Mobile layout in generatepress premium

  • This topic has 3 replies, 2 voices, and was last updated 3 weeks ago by David.
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #1428741
    Debasis

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

    #1429032
    David
    Staff
    Customer Support

    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.

    #1429951
    Debasis

    Thanks, it works..

    #1430346
    David
    Staff
    Customer Support
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.