Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • September 14, 2016 at 2:55 pm #686387
    Justin

    Hey guys,
    love the burger menu for the desktop version.
    Is it possible to have it say MENU with a frame around it (like a light button) as opposed to the burger icon?
    Some users for this specific client are not the most tech savvy.

    LMK…thanks!
    JS

    September 16, 2016 at 6:09 am #687238
    Rikard

    Hi Justin,

    Could you post a link to the site in question so that we can take a closer look please?

    Best regards,
    Rikard

    September 16, 2016 at 2:28 pm #687526
    Justin

    Here’s the link Rikard and login Rikard.
    Thank you.

    September 16, 2016 at 2:54 pm #687536
    Basilis

    Hi,

    Unfortunately it would require quite some time and customization of the theme to achieve this, so I am sorry to tell you that this is not covered by our support. However if its really important for you to get this done, you can always hire a freelancer to do the job for you :)

    Best regards,
    Basilis

    September 16, 2016 at 3:07 pm #687545
    Justin

    OK and just to confirm. This is NOT to reproduce the menu.
    It’s to just swap out the burger icon, with an image or whatever that says MENU.

    September 16, 2016 at 4:09 pm #687585
    Yigit

    Hi!

    Please add following code to Quick CSS 

    .av-hamburger strong {
    display: block;
}
.av-hamburger-inner {
    display: none;
}

    Regards,
    Yigit

    September 16, 2016 at 5:17 pm #687645
    Justin

    Yigit, I think you just nailed it.
    I am assuming and stylize MENU at this point using Firebug.
    Thank you,
    Justin

    September 16, 2016 at 5:25 pm #687654
    Yigit

    Hey!

    Yay!
    You can style the menu text using following selector

    .av-hamburger strong { 
color: white;
font-weight: 100;
}

    Best regards,
    Yigit

    September 16, 2016 at 5:33 pm #687661
    Justin

    I started this. Getting it framed similar to the example might be a challenge.

    September 16, 2016 at 8:44 pm #687719
    Yigit

    Hi!

    Not if #TeamKriesi got your back ;D
    Please add following code to Quick CSS as well

    .html_burger_menu .av-burger-menu-main {
    right: 50px;
}
.av-main-nav > li > a {
    height: 50px!important;
    line-height: 50px!important;
    position: relative;
    top: 30px;
}
.av-hamburger strong {
    display: block;
    min-width: 100px;
    text-align: center;
}

    Please make sure that > sign is not converted to – http://i.imgur.com/IDXRZQ3.png in Quick CSS field.

    Best regards,
    Yigit

    September 16, 2016 at 8:53 pm #687726
    Basilis

    Hey!

    Glad you got it somewhere.
    Please feel free to let us know if we can do anything else for you,
    we will be more than happy to help further.

    Thanks a lot for your understanding

    Best regards,
    Basilis

    September 16, 2016 at 9:43 pm #687742
    Justin

    Thanks guys…looks GREAT!
    Now the one challenge I am looking at, which wasn’t previously considered … is its usability.
    When the menu is selected, there is no X that indicates to the user that they can close out of the menu.

    This clients audience is not very well-seasoned in technology. I can see them getting stuck on what to do next if the X is not there to clearly indicate to them they can close the window out. IF that makes sense!

    JS

    September 19, 2016 at 9:58 pm #688826
    Yigit

    Hi,

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

    .is-active .av-hamburger-inner {
    display: block;
}
.is-active .av-hamburger-box strong {
    display: none;
}

    Best regards,
    Yigit

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