How do I stop my hamburger icon from staying with top bar so it appears with the side menu?
Question
.hamburger
stays with my top bar which is hidden if I change the z-index, how do I stop this from happening?
1 answers
solution1
0 2016-03-05 04:55:55
Assuming you want the topbar to be hidden when the menu is open, and have the hamburger appear on top of the menu while it is open.
Use css visibility: hidden on your #heading , and set visibility: visible on your .hamburger , don't change z-indexes.
I have updated your fiddle with an example
The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.
Related Question
How do I make my hamburger menu icon be on top of my banner image?
How to stop my Hamburger menu from jumping me to the top of my page on click.
How can I move my hamburger menu to the top right?
How do I stop resize bar from being so glitchy?
How to include side menu content into a custom hamburger icon?
I want my menu icon to overlap the hamburger menu
How Do I Make My Hamburger Menu Responsive?
How do I make my hamburger menu be converted into a horizontal one?
How do I get my bouncing hamburger menu to stop bouncing after a certain amount of seconds have passed once the page loads?
How do I prevent my websites hamburger menu from letting people scroll horizontally
Related Tags