Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • July 17, 2018 at 7:04 pm #986589
    FZKFranziska

    Hi there!

    Thanks for the awesome theme and help forum!

    I am trying to change the menu icon from the hamburger to the word ‘MENU’.

    I followed these instructions to change it on the mobile view: https://kriesi.at/support/topic/change-hamburger-icon-to-say-menu-not-working/

    However, I would like it to do the same on desktop. I can do it with some CSS hiding the av-hamburger class and using ::before, but then the X to close the menu is gone too.

    Thank you for your help!

    July 18, 2018 at 2:14 pm #986981
    Victoria

    Hey FZKFranziska,

    Could you please give us a link to your website, we need more context to be able to help you.

    Best regards,
    Victoria

    July 18, 2018 at 4:59 pm #987093
    FZKFranziska

    Hi Victoria, here is the link. It is a work in progress! :-)

    July 20, 2018 at 12:51 am #987660
    FZKFranziska

    Also, I just rebuilt my footer.php file in bootstrap… the footer looks great but now the menu does not work. What code is required in the footer to keep the site from breaking? I jut wrote the footer.php file in html… which is probably not a great idea haha

    July 20, 2018 at 5:13 pm #987925
    Yigit

    Hi,

    1- Please refer to this post – https://kriesi.at/documentation/enfold/menu/#display-the-word-menu-next-to-hamburger-menu-icon

    2- Have you made sure there are no error in your code?

    Best regards,
    Yigit

    July 22, 2018 at 12:55 am #988254
    FZKFranziska

    Hello Yigit ,

    Thanks for the documentation! That is super helpful going forward.

    I am still not sure how to replace the menu icon on desktop (similar to what I did on mobile with this code):
    /*————————*/
    /* Add word menu next to hamburger icon
    /*————————*/
    .av-hamburger strong {
    display: block!important;
    position: absolute;
    left: -90%;
    top: 0;
    font-size: 20px;
    transform: translate(-90%, -44%);
    }

    I can hide the av-hamburger-inner class, but then it is also hidden when the menu is active, which hides the “X” to close the menu.

    Any tips would be much appreciated!
    Thanks!

    July 22, 2018 at 11:53 am #988339
    Victoria

    Hi FZKFranziska,

    The thing is that it is easy to hide the burger but the close button will be hidden to. And the script works with it.

    Best regards,
    Victoria

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