Click here to Skip to main content
16,019,618 members

Comments by Member 13378341 (Top 2 by date)

Member 13378341 22-Nov-17 10:00am View    
hey there! thanks for commenting. (kinda rusty on CSS since haha)

your solutions enable nav ul to show all the time. but in this case, i want the ul to be visible only when i hover over the menu tab. after i changed my code. it no longer works.


// 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;
  }
}

Member 13378341 22-Nov-17 9:58am View    
Deleted
hey there! thanks for commenting. (kinda rusty on CSS since haha)

your solutions enable nav ul to show all the time. but in this case, i want the ul to be visible only when i hover over the menu tab.


 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;  }}