Tagged: , ,

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • December 18, 2016 at 11:55 pm #725926
    Milan

    Hello to all,

    I would like to edit menu little bit.
    1) I want text ‘MENU’ in front of burger menu icon. Text menu will be also active for click, icon will be animated as is. Example: http://newproject.tech/menu.jpg
    2) I would like to change overlay into white and font into dark grey.

    Any iideas what I should recode? Thank you for help!

    I wish you all nice christmas time :)

    December 19, 2016 at 12:02 am #725927
    Yigit

    Hi Milan!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    li#menu-item-burger a:before {
    content: 'Menu ';
    font-size: 20px;
}
div.av-burger-overlay-bg {
    background-color: white;
}
#top #wrap_all #av-burger-menu-ul li a {
    color: #999;
}

    Cheers!
    Yigit

    December 19, 2016 at 12:09 am #725928
    Milan

    Hello Yigit,

    Thank you very much, almost it is done :)
    Just detail: when menu is opened, menu icon will dissapear – should I set something like z-index?

    December 19, 2016 at 12:12 am #725929
    Milan

    oh and last thing – I would like to have icon smaller, like 50% of current size :) And it will all what will make me happy!

    December 20, 2016 at 3:57 pm #726596
    Yigit

    Hi,

    Please change the code to following one

    span.av-hamburger:after {
    content: 'Menu ';
    font-size: 20px;
    float: left;
    margin-right: 5px;
}
div.av-burger-overlay-bg {
    background-color: white;
}
#top #wrap_all #av-burger-menu-ul li a {
    color: #999;
}
span.av-hamburger.is-active:after {
    opacity: 0;
}
span.av-hamburger-inner {
    width: 25px;
}

    Best regards,
    Yigit

    December 20, 2016 at 9:27 pm #726776
    Milan

    Thank you very much!

    Best wishes,

    Milan

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Burger Menu tuning :)’ is closed to new replies.