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

Popular posts from this blog

Java - Error: no suitable method found for add(int, java.lang.String) -

java - JPA TypedQuery: Parameter value element did not match expected type -

c++ - static template member variable has internal linkage but is not defined -