css - Disappearing footer nav when clicking on menu button - media query -
i have disappearing footer nav problem! @ @979 media query - navigation button appears on top of screen drop down menu. however, when click on button same info appears in footer nav totally disappears... thoughts please?
here css:
header nav { width: 100%; z-index: 999; } header nav ul li { width: 100%; background: #1d5671; padding: 0; border-right: 0; } header nav ul ul { display: none; position: absolute; top: 100%; } header nav ul ul li { float: none; position: relative; } header nav ul ul li { padding: 15px 40px; color: #fff; background-color: rgba(29,86,112,0.92); width: 100%; } header nav ul ul li a:hover { background: #00a8ef; } header nav ul li:hover > ul { display: block; } header nav ul { width: 100%; padding: 0; margin: 0; list-style: none; display: inline-table; position: relative; } header nav ul:after { content: ""; clear: both; display: block; } header nav ul li { padding: 1em 2%; width: 100%; color: #ffffff; text-align: center; } header nav ul li a:hover { color: #000000; background-color: #00a8e5; }
/nav end----------------------------------------------------------------------------/
/footer nav----------------------------------------------------------------------------/
footer nav { display: inline; } footer nav ul li a:hover { color: #000000; } footer nav ul li { background-color: #00a8e5; width: 100%; } footer nav ul li { font-size: 10px; padding-bottom: 5px; clear: left; }
/end footer nav----------------------------------------------------------------------------/
Comments
Post a Comment