Custom off-canvas toggle icon

(Paul Blackhouse) #1


Can anyone suggest a cunning piece of CSS that will enable me to replace the standard Hamburger with an image?


(Mark Sealey) #2


The standard way to ‘hide’ something is:

.humburger { /* killing animals to eat is wrong /
        visibility: hidden; /
still leaves space in the document where it was */


.humburger {
        display: none; /* as if the element had never been added to the page */

(Andrew Tavernor) #3

For anyone reading this in the future - I have given the CSS code to replace the hamburger with an image in the post here. I will also add it to my Foundation snippets blog as soon as II can