The forums ran from 2008-2020 and are now closed and viewable here as an archive.
Home › Forums › CSS › [Solved] Icon Not Displaying On Close
I am making a off canvas menu.
Problem One: When offcanvas is closed I still want to be able to just see the icons. Currently sidebar overlaps toggle.
But when I toggle my offcanvas to close it will not display my icons I would like to be able to see all menu icons when toggle is closed.
Live Example: Codepen Example Of Off Canvas Project
You’re basically moving the menu off the page when it’s ‘toggled’.
To do what you are asking would require, in it’s simplest iteration, changing the menu structure and additional javascript.
It’s not a simple CSS issue.
Actually, I may have spoken too soon.
You could float the icons to the right. and the remove that when the nav is open.
http://codepen.io/Paulie-D/pen/cmzAD