Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • February 26, 2020 at 11:05 pm #1188297
    Truman

    I’ve noticed today on a site that I manage, the responsive hamburger menu will not show up for some reason. I’ve checked the Menu>Burger Mobile menu settings, and such and can’t seem to locate what’s causing it to not be visible. I believe this is a fairly recent issue but I couldn’t say when it first occurred, as I just noticed it this morning.

    Please let me know what is needed for further troubleshooting. I’m happy to provide screenshots, and/or temp credentials, etc.

    Thank you!

    February 27, 2020 at 8:37 pm #1188614
    Victoria

    Hey trusoundman,

    https://share.getcloudapp.com/OAurbvYB This code in your quick css is hiding it. Please remove it.

    Best regards,
    Victoria

    February 27, 2020 at 11:13 pm #1188675
    Truman

    I was trying to see where that was visible using Chrome’s Dev tools feature, but I can’t seem to get that code to show up to be able to tweak it locally in Dev tools in Chrome. Any idea why that is? I open the inspector and contract the window size, watching the width dimension as it decreases and when I hit 1270px wide, no changes are visible in the styling options on the right side of the Dev tools inspector. Just curious. Honestly, we did the mobile layout for this site with a different company a few years back so I couldn’t remember what all of the styling code was for.

    February 27, 2020 at 11:27 pm #1188678
    Truman

    Also, when collapsing the width of the browser window with the mobile responsive inspector active, I noticed that the main nav doesn’t collapse into the hamburger until it’s 989px wide or narrower. This narrow width causes the first couple far left main nav items to overlap the logo, basically hiding them. The main nav should be collapsing into the hamburger at widths of 1104px wide or narrower, but I don’t see any code in QuickCSS anywhere that mentions 990px wide or 989px wide as a media query. Am I blind? Thanks for your help!

    February 28, 2020 at 11:11 pm #1188952
    Victoria

    Hi Truman,

    Can you give us temporary admin access to your website in the private content box below, so that we can have a closer look?

    Best regards,
    Victoria

    March 4, 2020 at 6:31 am #1189907
    Truman

    Sorry for the late reply. Here’s the login info you requested.

    Thank you! Let me know what you suggest.

    March 6, 2020 at 11:31 am #1190820
    Victoria

    Hi Truman,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
@media only screen and (min-width: 480px) and (max-width: 767px) {
    .responsive #top #header .main_menu .social_bookmarks {
         right: 10px;
    }
}
@media only screen  and (max-width: 479px) {
    .responsive #top #header .main_menu .social_bookmarks {
        right: 10px;
        margin-left: 20px;
    }
    .responsive #top #wrap_all .container.av-logo-container {
        width: 95%;
        max-width: 95%;
    }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .menu-item {
    display: none;
  }
  .av-burger-menu-main.menu-item-avia-special, #menu-item-search {
    display: block;
  }
      .responsive #top #header .main_menu .social_bookmarks {
         right: 10px;
         margin-left: 20px;
    }
}
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • You must be logged in to reply to this topic.