Custom off-canvas toggle icon

Classic General
1

Hi

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

Thanks

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

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

3 Likes