White space on right side of mobile caused by HFB menu

  • Resolved virtualedgesolutions

    (@virtualedgesolutions)


    4 years ago

    I have white space on right side of mobile screens that is apparently caused by the hidden submenu from the HFB menu. It’s not caused by the Elementor Pro menu. I’ve wasted hours experimenting, and came up with this CSS, but then it causes the desktop view to not show the submenu:

    a.hfe-menu-item {
    overflow: hidden;
}
li#menu-item-79 {
    overflow: hidden;
}

    Please help!

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

Viewing 4 replies - 1 through 4 (of 4 total)
  • Thread Starter virtualedgesolutions

    (@virtualedgesolutions)

    I figured it out, using the @media rule:

    @media only screen and (max-width: 1024px) {
.hfe-nav-menu {
   overflow: hidden;
}
}

    I’d advise fixing this issue, as it affected multiple sites that I manage.

    Hello @virtualedgesolutions

    Thanks for bringing this to us.

    I tried visiting your site, but it can’t be reached.

    However, we will try this at our end and provide a fix if the issue is reproducible.

    Have a nice day!

    Regards,
    Rahul.

    Thread Starter virtualedgesolutions

    (@virtualedgesolutions)

    It was the header for the entire site. I created that temporary url for a short time till I figured out the solution, and then removed the url after figuring it out. The main url, that now has the fix applied is insurancewarehouse.org.

    Thanks for the information.

    Have a nice day!

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘White space on right side of mobile caused by HFB menu’ is closed to new replies.