How to change Burger Menu graphic?

Question
1

Hi everyone,

I’ve just implemented a hamburger menu to my mobile page and I wonder how to change this grey standard icon to an individual picture, for example a SVG vector graphic?

Is there an option where I can change this burger menu graphic?

Thanks a lot in advance.

Regards
Kaffeebart

2

Yes very doable @Kaffeebart…
If you take a look at this page you’ll see how towards the bottom of the page - Menus | Sitely Documentation

3

Thank you, I’ve already read this page.

I’ve found the solution for myself: You have to click “Menu”-Text itself (above the other Menu-Links), then you can change the Icon.

But now the next problem appears:
I’ve changed the icon to an SVG-file. The align options are not working. For example: I can not align the icon centered or even right. It just stays at the left border.

image
image809×730 57.6 KB

As you can see in the screenshot: The icon should be centered, but it stays on the left. Maybe a bug?

Regards
Kaffeebart

4

Perhaps the SVG has a horizontal padding? This would cause it to not shift horizontally. I have tested this with a couple SVGs and they do align as requested.

1 Like
5

Aaaah … Duncan, you’re right!! I forgot that I put a white space to the right of the menu - as you can see in the screenshot below. I used this menu graphic in the past for adobe muse, therefore it was a necessary “hack” for the burger menu to put it correctly in.

image
image963×480 1.21 KB

Thank you for this important hint and the - as always - great support!