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

demo


Comments

Popular posts from this blog

Failed to execute goal org.apache.maven.plugins:maven-surefire-plugin:2.12:test (default-test) on project.Error occurred in starting fork -

windows - Debug iNetMgr.exe unhandle exception System.Management.Automation.CmdletInvocationException -

unity3d - Fatal error- Monodevelop-Unity failed to start -