Upgraded to WordPress 6.0 and have issues? Please check the hotfix which you need to apply.

Okay
  Public Ticket #1839740
Hamburger menu styling
Closed

Comments

  • nickzyx started the conversation

    Hi there,


    Would you be able to explain how to add the text "MENU" to the left or right of the hamburger menu, so it looks like this?  I tried searching through the other posts but couldn't find this answer specifically.

    1200x600-featured-image-mobile-menu-buttons-1080x600.jpg

    Thank you!

    Nick

  •  228
    Milingona replied

    Hi Nick,

    We need your WP login credentials in order to implement the change you are asking for. So please provide us them by replying privately to this ticket.

    Thanks in advance,


    Milingona Support

    Follow on     Envato     Facebook     Twitter

  • nickzyx replied

    Is it by adding custom CSS somewhere?  I'm familiar with where to go and what to add, just not what exact CSS to include.

    I also need to link this site to a domain (so it's not the temp URL), will the changes you make be lost if I export and import it again through Wordpress?


    If you can't share the CSS, that's ok and I can provide login details. But my preference is to know the CSS so I can tweak it instead of bothering you more.  :)

  •  228
    Milingona replied

    No worries, you can make the changes yourself! Please perform the steps given below:

    1. Edit line 163 of wp-content/themes/bakery/header.php file:

    <a href="#" class="vu_mm-toggle vu_mm-open"><i class="fa fa-bars" aria-hidden="true"></i></a>

    with the following:

    <a href="#" class="vu_mm-toggle vu_mm-open"><i class="fa fa-bars" aria-hidden="true"></i><span>Menu</span></a>

    2. Add the following CSS into Bakery > Custom Code > Custom CSS:

    .vu_mm-open {
       width: auto;
       padding-left: 10px;
       padding-right: 10px;
    }
    .vu_mm-open span {
       display: inline-block;
       margin-left: 7px;
       text-transform: uppercase;
       font-size: 14px;
       font-weight: 600;
       transform: translateY(-1px);
    }

    Best,


    Milingona Support

    Follow on     Envato     Facebook     Twitter

  • nickzyx replied

    I think I love you.  Worked like a charm, thanks so much!  Maybe this could be a future enhancement for customization?  Just put a checkbox for "include text MENU in hamburger menu" and "Left" or "Right" options...

  •  228
    Milingona replied

    Glad to hear that! Of course, we will consider adding that as an option in the future theme versions.

    All the best,


    Milingona Support

    Follow on     Envato     Facebook     Twitter