Here's a user stylesheet snippet you can use to replace hamburger menus with hamburgers:
.fa-bars:before {
content: "🍔" !important;
}
It doesn't work on everything, not even all websites using Font Awesome (you wouldn't believe how many ways people find to implement the hamburger...) but it occasionally pops up in hilarious places
.fa-bars:before {
content: "🍔" !important;
}
It doesn't work on everything, not even all websites using Font Awesome (you wouldn't believe how many ways people find to implement the hamburger...) but it occasionally pops up in hilarious places
@bea I think it's a substantial UX improvement tbh
Ways I've found people implement The Hamburger:
- fa-bars
- some other CSS class using font-face: Font Awesome (CSS doesn't have content selectors, though, so we can't replace those without JS or something)
- 3 <span>s or <div>s with appropriate styling
- SVG
- fa-bars
- some other CSS class using font-face: Font Awesome (CSS doesn't have content selectors, though, so we can't replace those without JS or something)
- 3 <span>s or <div>s with appropriate styling
- SVG
@zyabin101 I haven't seen that one yet, though I've only sampled a few sites
@ninjawedding I use fontello and icon-menu or something lol
@MightyPork we're gonna have to put together a stylesheet that replaces as many hamburger menus as possible with hamburgers and shove it onto userstyles.org
(I can't find one already there, which surprises me)
(I can't find one already there, which surprises me)
@ninjawedding Ah, finally, a userstyle designed to make me hungry on every second page I visit! :)
@ninjawedding this is the best
@ninjawedding @AnnaGerber If you make a Custom List in Mastodon, you get a hamburger with this CSS. :) https://bne.social/media/gjY4K1B0d19PFQMrkKI
@ninjawedding holy shit