How to get Hamburger menu on desktop & laptop resolutions

I currently have two websites both using the Sydney theme with basically the same layout.

What I am trying to accomplish on each is to replace the standard list style menu with the mobile “hamburger” menu and to have it located in the top left corner of desktop & laptop resolutions

I’ve searched up how to do this and found this article but it didnt seem to work for me as I’m not using the “custom javascript plugin”
(Use Mobile Menu (hamburger) as only desktop nav wanted).

Is there a way I can adjust this code by just creating a custom javascript file or if anyone could help with this it would be much appreciated!

The websites i’m trying to accomplish this on are:

Hello there,

If I didn’t forget, it had been asked in the forum a couple months ago. Please check out this topic. Hopefully the posted solution could help you.


Thanks a ton Kharis! you’re the best. This worked perfectly, however now i’m having an issue getting my site logo to get centered.

Edit: Never mind I believe I’ve got it all sorted out now. Thanks again!

You’re welcome!

Please let us know in a new topic if you have any further questions, or if we can provide you with any other assistance.