Как показать список меню под иконкой гамбургера?

Question

Как показать список меню под иконкой гамбургера?

CSS:

@media screen and (max-width:680px) { 
    ul.topnav.responsive {position: relative;} 
    ul.topnav.responsive li.icon { 
    position: absolute; 
    right: 0; 
    top: 0; 
    } 
    ul.topnav.responsive li { 
    float: none; 
    display: inline; 
    } 
    ul.topnav.responsive li a { 
    display: block; 
    text-align: left; 
    } 
    .container { 
    width: auto; 
    } 
} 

JSFiddle: https://jsfiddle.net/xkp0p7vc/

Спасибо заранее.

Answer 1

просто добавьте display: block; clear: both; в ul.topnav.responsive li и удалите float: right; от .topnav-right.

ul.topnav.responsive li { 
    float: none; 
    display: block; /*change with inline*/ 
    clear: both; 
} 

.topnav-right { 
    /* float: right; */ 
} 

Demo