Tagged: 

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #866277

    Hi! I’m having some trouble with our site’s menu. It’s fine on desktop but when I shrink the page to mobile version it doesn’t show up. The burger icon vanishes/is invisible but is clickable. I tried changing the burger color in the Enfold>Main Menu>Burger Mobile Styling but it didn’t work. The weirdest part is it shows up and works perfectly when I’m viewing through the Appearance>Customize. I read through some forums and found this:
    /*Burger menu*/
    .module.widget-handle i {
    display: inline-block;
    }

    But that didn’t work. So then I tried this:
    .header_color .av-hamburger-inner, .header_color .av-hamburger-inner::before, .header_color .av-hamburger-inner::after {
    background-color: #000000;
    }

    I’m sure it’s a rookie mistake but any help would be greatly appreciated!! Thanks!

    #866615

    Hey hduerstock,

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

    @media only screen and (max-width: 767px) {
    .av-hamburger-inner {
      background:black !important;
    }
    }

    Best regards,
    Rikard

    #867652

    Rikard – Thanks for the quick response! I tried it but it doesn’t seem to be working. The burger shows up when I’m logged into wordpress and are viewing the page but not when I’m on mobile or not logged in. Any other suggestions?

    #867661

    Hey!

    Please flush browser and plugin cache if you are using any and refresh your page a few times – http://wiki.scratch.mit.edu/wiki/Hard_Refresh

    Best regards,
    Yigit

    #867673

    Perfect – it’s all set! Thank you SO much.

    #867699

    Hi hduerstock,

    Glad you got it working for you! :)

    If you need further assistance please let us know.

    Best regards,
    Victoria

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