How Do I Change Hamburger Menu Icon To Custom Icon In Mobile View

[redpineeq]

Good Afternoon,

I'm using the template "Unite 2" and I need to modify the "hamburger" nav icon in the mobile template.  I want to make an icon that says "Menu" with a down arrow next to it, so it's more intuitive than the hamburger menu icon.

I can make the new icon, but can someone tell me how/where to replace that Icon?

Thanks in advance!

[bobafett]

@redpineeq:  Hamburger icon is now a standard web vocabulary.  Since you are asking "where and How" I would guess that you are not that good with CS and other stuff.  If you did it just a bit wrong you could break the mobile responsiveness of the theme.

[redpineeq]

I'm not sure what you mean when you say "Hamburger icon is now a standard web vocabulary". I'm just trying to replace the hamburger icon in the mobile view.  Not sure what "CS" is.  If you mean CSS, then you are correct, I'm not that familiar with it.  I'm not sure what "other stuff" I'm not good at.  I could on the other hand upload a different icon if I knew where it pulled the hamburger icon from.

If I upload a navigation icon/image to replace the hamburger, it shouldn't break anything as long as it's the same dimensions as the one it's replacing, correct?

Any help would be appreciated.

Thanks!

[Adam7]

Which of your sites are you trying to change this on, @redpineeq?

[redpineeq]

https://blueicesailing.weebly.com/

[Adam7]

Thanks. If your image is roughly the same size it shouldn't affect anything. Can you upload your new icon to a hidden page of your site and let me know the URL?

[redpineeq]

Where would I upload the image?  I'm assuming the same location as the current "Hamburger" icon, but I don't know where to find it to replace it.

Thanks!

[Adam7]

You can upload it in the Theme editor - anything uploaded into the Assets folder there is mapped like this on the live site:

mysite.com/files/theme/filename.extension

It will probably also require updating some CSS so that it the element uses the new image. Are you familiar with CSS?

[megsyth]

Hi Adam, 

How do i change 'menu' to 3-line hamburger menu icon. 

Thanks

[Adam7]

I just replied to your other post about this, @megsyth - I think it might be easier to just switch to a different theme that uses the hamburger icon all the time instead. You should see a few as you look through the list of themes.

[#11]

Hi, I have the same query. For the mobile version , I want to change the hamberger lines to a text "Menu". How and which section do I edit in the CSS FILE ?

my website is https://chumpythoughts.weebly.com/

[redpineeq]

OK thanks, I can upload the image.  But I do not know CSS.  Is there anyone there who can help with the CSS?

[Adam7]

There are some people here who are familiar with it. They'll probably need to know the path to the image and also see your live site in order to offer assistance.