html - How do I show menu list below hamburger icon? -
how show menu list below hamburger icon?
css:
@media screen , (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 { display: block; text-align: left; } .container { width: auto; } }
jsfiddle: https://jsfiddle.net/xkp0p7vc/
thanks in advance.
just add display: block; clear: both;
ul.topnav.responsive li
, remove float: right;
.topnav-right
.
ul.topnav.responsive li { float: none; display: block; /*change inline*/ clear: both; } .topnav-right { /* float: right; */ }
Comments
Post a Comment