Move the hamburger menu icon to match the location on mobile

Product Support

AI-generated summary

The discussion revolves around moving the hamburger menu icon on desktop to match its mobile position, specifically to the right side of the top navigation bar. haydenjames expresses a preference for the logo to remain the primary clickable element in the top-left corner, as the hamburger icon’s current desktop placement leads to accidental clicks. HAWK suggests using CSS to hide the hamburger icon, while Jagster humorously notes that such changes are irrelevant for mobile users. haydenjames references a prior discussion and emphasizes that mobile users are more accustomed to the hamburger on the right, making it less problematic there. Ultimately, haydenjames shares that they successfully implemented the change using CSS, aligning the desktop hamburger position with mobile.

1

A Discourse website interface with an option to manufacture a meaning "How to remove this?" is also illuminated in a red arrow. (Captioned by AI)
A Discourse website interface with an option to manufacture a meaning "How to remove this?" is also illuminated in a red arrow. (Captioned by AI)510×349 13.6 KB

Sporadically I click it instead of the logo. Is there a way to move this icon to the right side location, as it is already on mobile? On my discourse install, I would like the logo to be the only thing clickable that’s top left in the top nav bar.

2

You could toggle it on and then hide the hamburger with CSS, I suppose.

3

And of course all this matters only desktops. Because doing such thing to mobiles… well, it would be really effective way to be sure there is not any mobile users, ever :smirking_face:

4

I’ve mentioned before:

…if the hamburger location on desktop also matched that of mobile that would really be my preference:

image

For websites, the top left location on desktop is a prime location for the logo and logos in general are often the most top-left clickable option. I don’t like the menu being right next to it, regardless of what side the column is on.

On mobile the hamburger is perfectly fine on the right side of top menu bar. I would imagine accidental clicks would be farrr more of a problem on mobile than on the desktop if they kept the desktop position there. :smirk:

The logo (home) is something I click far more often than the hamburger icon. The hamburger toggle for me, I never need to click it because I keep the column always open, but it does get the accidental click every so often being in such a priority/prime location; left of the logo.

5

Thank you. :pray: I was able to solve this using CSS so that hamburger location on desktop is now identical to mobile:
A blank search bar with a URL bar next to it. (Captioned by AI)