Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • May 12, 2017 at 5:31 pm #792420
    rhae

    Hi,

    I’ve got a weird issue. The hamburger menu is not visible when viewing my site on mobile.
    It’s turned on (never turned it off) in the settings, so I don’t know why it’s happening.
    I do have some quick css to lower the menu on the desktop, but removing that code doesn’t solve the hamburger menu problem.:
    #header_main { margin-top: 15px !important; }

    Any idea’s on how to fix it?

    May 12, 2017 at 10:06 pm #792522
    Jordan Shannon

    Hey rhae,

    Could you please provide login info so we can look into this issue further?

    Best regards,
    Jordan Shannon

    May 13, 2017 at 9:05 pm #792794
    rhae

    Thanks for looking into it.

    May 14, 2017 at 12:06 am #792824
    Mike

    Hi,
    The first line in your Quick CSS field is blocking it:

    /* Logobox niet afbeelden, dus menu gaat omhoog */
.container.av-logo-container{ display: none !important; }

    I left it alone for you to decide.

    Best regards,
    Mike

    May 17, 2017 at 10:27 am #794742
    rhae

    Hi Mike,

    I see. That code is meant to remove the logo and site title, since my client does not want to use those.
    Is there any other way to accomplish not showing those without removing the mobile menu in the proces?

    Best, Haiko.

    May 17, 2017 at 10:36 am #794751
    tjswarbs78

    Hi,

    The .container.av-logo-container elements has the logo, main menu and mobile menu nested inside it. Hiding it hides everything it contains
    You could try..

    @media only screen and (max-width: 990px) {
	div .logo {
  display:none;}	
}

    That should hide the logo only on screens less than 990px wide.

    Hope that helps

    TJ

    May 17, 2017 at 12:14 pm #794813
    Rikard

    Hi,

    Thanks for helping out TJ, you could try something like this as well:

    @media only screen and (max-width: 990px) {
  .logo {
    display:none;
  }	
}

    Best regards,
    Rikard

    May 17, 2017 at 8:54 pm #795082
    rhae

    Thanks TJ and Rikard,

    I’m afraid that doesn’t do the trick.
    The result (tried them both) seems to be: desktop: logo, tablet width: no logo, mobile: logo.
    I only tested it by scaling the browser window.

    What I’m looking for is no logo or site title whatsoever. Not on desktop, tablet or mobile.
    I just need the menu on desktop and tablet and the hamburger menu on mobile.

    Any other idea’s?

    Best, Haiko

    May 17, 2017 at 10:56 pm #795139
    Jordan Shannon

    Hi,

    I just added a second rule to css:

    
	.logo {
  display:none!important;
}

@media only screen and (max-width: 767px){
.responsive .logo img {
    display: none!important;
}	
}

    Please let me know if this is what you needed.

    Best regards,
    Jordan Shannon

    May 18, 2017 at 3:58 pm #795970
    rhae

    Hi Jordan,

    Thanks! That does the trick for the menu.

    It does give me two other visual problems though.
    – The space that is meant for the logo is still visible as a big white space above the menu.
    I would like to get rid of that.

    – I’ve lowered the menu to be closer to the heading with this code, but on desktop it now overlaps the heading.
    #header_main { margin-top: 15px !important; }
    That must be because the container which I was hiding before with this code is now visible again.
    .container.av-logo-container{ display: none !important; }
    I can remove the code, but then, when the logo container is gone, the distance to the heading will be too big.

    I hope you can help me with these issues.

    Best, Haiko.

    May 18, 2017 at 4:22 pm #795985
    Jordan Shannon

    Hi,

    Add the following to quick css:

    @media only screen and (min-width: 767px)  {
.container.av-logo-container{
display:none!important;
}
}
#main.all_colors{
padding-top:60px!important;
}

    This should clear up the remaining issues.

    Best regards,
    Jordan Shannon

    May 18, 2017 at 4:28 pm #795991
    rhae

    Great, that seems to do the trick!
    Thanks a lot.

    Best, Haiko.

    May 18, 2017 at 4:38 pm #795998
    Jordan Shannon

    Hi,

    No problem at all. If you need additional help, please don’t hesitate to let us know here in the forums.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 13 posts - 1 through 13 (of 13 total)
  • The topic ‘Hamburger menu not visible on mobile’ is closed to new replies.