Hamburger menu – icon change…

  • Resolved troxx

    (@troxx)


    5 years, 5 months ago

    Hello, believe it or not – my client says that “One can’t recognise that hamburger icon stands for mobile menu”. He insist to change it… So, how can I change this:

    <span class="kt-mnt"> <span></span> <span></span> <span></span> </span>

    to simple image with caption “MENU”?

    My first idea is to put background-image: url() to the .kt-mnt element and display:none; to the <span> elements… Do you have a better idea for that?

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)
  • hannah

    (@hannahritner)

    Hey,
    You could use css to add the word “Menu” before your hamburger icon, or you can change the icon with css. But in order to replace the icon I believe you would need to edit this through a child theme. Are you currently using a child theme?

    Hannah

    Thread Starter troxx

    (@troxx)

    I’m not, but that’s not a problem, I can set up child theme any moment.

    hannah

    (@hannahritner)

    Actually, you can do this with css. Try adding this to your custom css box:

    .kt-mnt:before {?
content: 'Menu';
?}
??.kt-mnt {?
display: flex;
width: auto;
justify-content: center;
align-items: center;
?}
??.kt-mnt > span {?
display: none;?
}

    Hope that helps!

    Hannah

    Thread Starter troxx

    (@troxx)

    It works ?? Thanks a lot.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Hamburger menu – icon change…’ is closed to new replies.