// displaying none as default nav ul { display: none; } // media query // displaying block when menu btn hover @media screen and (min-width: 130px) and (max-width: 767px) { header a:focus nav ul { display: block; } }
nav ul { // displaying none as default display: none;} // media query // displaying block when menu btn hover @media screen and (min-width: 130px) and (max-width: 767px) { header a:focus nav ul { display: block; }}