Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • April 26, 2018 at 2:12 pm #947283
    seykom

    Hi,

    how can I change the colour of the lines of the burger menu?
    Tried everything but can´t find the way to change it.

    April 27, 2018 at 11:31 am #947856
    Vinay

    Hey seykom,

    To change the color go to Enfold > Main Menu > Burger/Mobile Menu styling > Menu Icon Color

    Best regards,
    Vinay

    December 17, 2018 at 4:59 pm #1046383
    anristudio

    I have same issue. Works on Desktop but not on mobile. Color is black. Burger menu on mobile is blank I can still click on it and it works. FYI. I have 3 social media icons in Header > Extra Elements > Display in main header area. Is this causing the issue how to resolve? I tried to couple of fixes (functions.php & quick css) provided in this forum which did not help. Any ideas why, see details on my website in Private.

    • This reply was modified 5 years, 11 months ago by anristudio.
    December 18, 2018 at 3:43 am #1046715
    Jordan Shannon

    Hi,

    Add this to quick css:

    @media only screen and (max-width: 767px){
#top .header_color .av-hamburger-inner{
    background-color: #000!important;
}}

    You may have to search and remove this first though:

    @media only screen and (max-width: 767px){
#top .header_color .av-hamburger-inner{
    background-color: #ffffff!important;
}}

    Best regards,
    Jordan Shannon

    December 18, 2018 at 8:54 am #1046752
    anristudio

    Thanks! I don’t think this worked. I noticed, when on desktop, burger menu is visible, when I resize browser window to a smaller than 767px wide, burger menu disappears.

    • This reply was modified 5 years, 11 months ago by anristudio.
    December 18, 2018 at 1:21 pm #1046839
    Jordan Shannon

    Hi,

    Did you search for and delete the code I mentioned above? This is the reason why it disappears. Once this is removed it should work.

    Best regards,
    Jordan Shannon

    December 18, 2018 at 4:05 pm #1046927
    anristudio

    this is all of the CSS i have in Quick CSS – first 4 lines are the code you suggested.

    @media only screen and (max-width: 767px){
#top .header_color .av-hamburger-inner{
    background-color: #000!important;
}}

/*social media icons original colors*/
#top #wrap_all .av-social-link-facebook a{background-color:#37589B; !important; color:#fff; !important; }
#top #wrap_all .av-social-link-twitter a{background-color:#46D4FE; !important; color:#fff; !important; }
#top #wrap_all .av-social-link-instagram a{background-color:#a67658; !important; color:#fff; !important; }

.main_color .grid-content {
background-color: #f3f3f3 !important;
}
    December 18, 2018 at 7:15 pm #1046985
    anristudio

    update: I found Quick CSS code which worked Victoria posted here: 

    .av-active-burger-items:nth-child(7),
.av-active-burger-items:nth-child(8) {
  background-color: #1e2d60;
}
.av-active-burger-items:nth-child(7) a .avia-menu-text,
.av-active-burger-items:nth-child(8) a .avia-menu-text {
    color: #fff;
}
    December 19, 2018 at 1:31 am #1047065
    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 9 posts - 1 through 9 (of 9 total)
  • The topic ‘Change Burger Menu Color’ is closed to new replies.