Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • February 12, 2019 at 8:13 pm #1066092
    stratix

    When viewing on mobile, my client site’s hamburger menu is not displaying at the top of the page. It’s actually overlaying on the slider of each page of the site. It’s there, and it technically functions, but it’s difficult to see since it’s not at the top of the page in an easily viewable/accessible location.

    My assumption is that when you assisted us in the past to customize our header with a small snippet of code added to functions.php (to allow for a banking customer user id login above the primary nav menu), we didn’t account for the mobile menu. Currently the mobile “hamburger” menu is pushed down further than it should be instead of displaying clearly on its own at the top of the page when viewing on mobile devices.

    I’d be grateful if you can assist once more in addressing this issue. I’ve added the links to the live site and staging site in the private content area so you can see the issue and hopefully help provide a fix for me to implement.

    Thanks as always for the great support.
    -Chris

    February 13, 2019 at 7:33 am #1066308
    Rikard

    Hey stratix,

    Please try the following in Quick CSS under Enfold->General Styling:

    @media only screen and (max-width: 767px) {
.responsive #top #wrap_all .main_menu {
    top: -70px;
}
}

    Best regards,
    Rikard

    February 15, 2019 at 9:20 pm #1067562
    stratix

    Looks like that worked, thank you very much!

    -Chris

    February 15, 2019 at 10:00 pm #1067569
    Jordan Shannon

    Hi,

    I’m glad this was resolved. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Hamburger Menu Displaying Over Slider’ is closed to new replies.