Full screen menu on mobile

Viewing 4 replies - 1 through 4 (of 4 total)
  • Leo

    (@leohsiang)

    4 years, 11 months ago

    Hi there,

    Full-screen mobile menu actually takes a lot of custom coding which is why we’ve added the option to off-canvas panel in our premium plugin:
    https://docs.generatepress.com/article/off-canvas-panel-overview/#style

    Would you consider it? We currently have an amazing sale discount for the premium plugin to celebrate our 5 year anniversary 🙂

    Theme Author Tom

    (@edge22)

    4 years, 11 months ago

    If you’re only wanting to fix the menu toggle, this CSS might help:

    @media (max-width: 768px) {
    .site-header {
        text-align: left;
    }

    button.menu-toggle {
        position: absolute;
        top: 0;
        right: 60px;
        width: auto;
    }

    .inside-navigation {
        position: static;
    }

    .inside-header {
        position: relative;
    }
}
    Thread Starter dhyanakendra

    (@dhyanakendra)

    4 years, 11 months ago

    Hi Tom

    Thanks for your support! It worked.

    Regards
    BM

    Theme Author Tom

    (@edge22)

    4 years, 11 months ago

    You’re welcome 🙂

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Full screen menu on mobile’ is closed to new replies.