javascript - Making hidden menu for mobile view -
I created site navigation for a one page style layout and I was hoping someone helped me with a mobile layout. Could Navigation
The navigation looks okay in the big screen, but I want to hide all the menu items for the mobile view until you click it.
I appreciate your help!
This is in my fluid css
#nav {background color: #fff; Clean both; Swim left; Margin-left: 0; Width: 100%; Minute-height: 40px; Display: block;} #nav ul {padding-top: 8px; Margins: Auto; Text-align: center; List-style-type: none; } #nav ul li {display: inline; Border-right: 1px solid # e6e6e6; Padding: 6px 26px 8px 26px; Margin: 0; } #NUUL Lee: First-child (border-left: 1px solid # E6A6A6;) # nav a {font-family: 'source sans pro', without-serif; font-size: 16px; color : # 515151; font-weight: 300; text-decoration: none; text-transform: uppercase;} # nav A: visited {color: # 515151;} # nav A: hover {color: # 000; < Style code from mobile layout / @ media only screen and (minimum-width: 481px) {} / * Desktop layout: more In 732px up to 769px styles, Inherits: Mobile layout and tablet layout * Media only screen and (minimum width: 769px) {}
I also use sticky navigation and the latest is also required for this
Comments
Post a Comment