Support » Plugin: WordPress Page Builder - Beaver Builder » Hamburger Menu Doesn’t Work on the Home Page

  • Resolved rscarter1

    (@rscarter1)


    The hamburger menu doesn’t work on the home page only on mobile. I deactivated all plugins and it still wouldn’t work. At my wits here.

    The page I need help with: [log in to see the link]

Viewing 6 replies - 1 through 6 (of 6 total)
  • Looks like you got this fixed already?

    Thread Starter rscarter1

    (@rscarter1)

    Unfortunately, no. Just on the home page only. Just the top hamburger menu. I’ve tried everything!

    Hm, did you put a temporary measure in place by implementing the menu on the bottom?

    Thread Starter rscarter1

    (@rscarter1)

    It isn’t meant to be a temporary measure. the client wanted it.

    Well, the *reason* that the menu is inaccessible is bc the z-index on the page div is taking precedence, here :

    @media (max-width: 768px) {
    .fl-node-5e56a8cd82ac0.fl-row > .fl-row-content-wrap {
        margin-top: -60px;
    }
    }

    You can see this by adding this to your CSS :

    @media (max-width: 768px) {
    .fl-node-5e56a8cd82ac0.fl-row > .fl-row-content-wrap {
        margin-top: -2px;
    }
    }

    And here :
    https://imgur.com/a/ZvUop40

    I think we would have to try to adjust the menu by using a position: absolute, and a z-index.

    Plugin Contributor Ben Carlo

    (@hinampaksh)

    Hey @rscarter1,

    The problem there is indeed caused by the negative top margin of the mobile_boxes row.

    Removing the negative top margin should fix you right up! 🙂

    If you need to reduce the space between that row and the header, you can reduce the 100px top padding added.

    Ben

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Hamburger Menu Doesn’t Work on the Home Page’ is closed to new replies.