Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • July 29, 2017 at 3:05 am #831366
    L

    Unfortunately solution into this thread https://kriesi.at/support/topic/text-next-to-the-hamburger-menu/ didn’t work because the text ‘Menu’ pushed up the icon.
    How to add the text and style it properly?
    Like here:
    Menu txt below hamburger icon

    An example Enfold demo where I would like to add it – http://kriesi.at/themes/enfold-gym/

    Best Regards

    July 29, 2017 at 7:31 am #831400
    Yigit

    Hey L,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file:

    @media only screen and (max-width: 767px) { 
.responsive #top .av_mobile_menu_tablet .av-main-nav .menu-item-avia-special a:after {
    content: 'Menu';
    color: #444;
    display: block;
    line-height: 10px;
    margin-top: -20px;
}}

    Best regards,
    Yigit

    July 29, 2017 at 4:33 pm #831518
    L

    Thanks Yigit!
    It aligned perfectly! One more thing – I am trying to change the color of the ‘MENU’ when menu is active (opened)

    I have tried these:

    .av-inserted-main-menu .is-active .av-main-nav .menu-item-avia-special a:after {
color: #000000 !important;
}

    and

    .av-hamburger .av-hamburger--spin .av-js-hamburger .av-inserted-main-menu .is-active a:after {
color: #000000 !important;
}

    None of them working.
    I would prefer to use CSS if possible. What would be the selector to change color of these letters on opened menu?

    Best Regards

    July 29, 2017 at 4:51 pm #831525
    L

    Found it.

    Basically we can use this class to chance color for active menu elements:
    .av-burger-overlay-active

    The custom CSS that worked:

    .av-burger-overlay-active .av-main-nav .menu-item-avia-special a:after {
color: #000000 !important;
}

    Thanks

    July 29, 2017 at 5:23 pm #831538
    Mike

    Hi,
    Thank you for sharing your solution, we will close this now. Thank you for using Enfold.

    Best regards,
    Mike

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Add text 'Menu' below hamburger menu icon’ is closed to new replies.