Forum Moderators: not2easy

Message Too Old, No Replies

Hamburger icons and absolute display

         

toplisek

4:11 pm on May 12, 2015 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member Top Contributors Of The Month



I have noticed that hamburger icon will open the overlay menu.

How to control header/logo in this case due to absolute display for both elements like header with logo and also overlay menu.

Example:
header spec:
position: absolute;
top: 0;

Overlay menu:
position: fixed;

Need help.

not2easy

7:37 pm on May 12, 2015 (gmt 0)

WebmasterWorld Administrator 10+ Year Member Top Contributors Of The Month



One option would be to use a transparent background for the icon and make sure it is shown in a contrasting color. To make sure it is always on the first "layer" use a z-index setting for the icon.