Fix for Mobile Menu Disappearing

  • Navjot Singh

    (@navjotjsingh)


    4 years, 8 months ago

    Apparently the mobile menu disappears when using Jetpack plugin.

    To fix this issue, use the following CSS in your child theme or any edit css option you have

    .screen-reader-text.font-secondary {
        clip-path: none !important;
        position: inherit !important;
        height: inherit !important;
}

    And if someone has a better fix, do suggest. For now, this works.

Viewing 1 replies (of 1 total)
  • Thread Starter Navjot Singh

    (@navjotjsingh)

    4 years, 8 months ago

    Disregard the above code.

    Use the following code instead.

    @media only screen and (max-width: 1024px) {
    .ltr #menu-primary .menu-toggle button,
    .ltr #menu-secondary .menu-toggle button {
        margin: 0 0 10px 1.5rem;
        position: relative !important;
        height: auto;
        width: auto;
        clip: initial;
        clip-path: none;
        overflow: visible;
    }
}
Viewing 1 replies (of 1 total)
  • The topic ‘Fix for Mobile Menu Disappearing’ is closed to new replies.