Custom off-canvas toggle icon


(Paul Blackhouse) #1

Hi

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

Thanks


(Mark Sealey) #2

Hamburger?

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 */
}

or

.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 Typed.com Foundation snippets blog as soon as II can