I have a proposal on the enhancement #1026 done some time ago:
Can we replace part of the css in WebServer.ino with the following:
Code: Select all
"@media screen and (max-width: 780px) {"
".bodymenu{ margin-top: 11px; margin: 0px;}"
".headermenu{ position: relative; height: auto; float: left; width: 100%; padding: 0px; }"
".headermenu h1{ padding: 8px 12px; }"
".menubar{ top: 0px; position: relative; float: left; width: 100%; }"
- setting 780px instead of 960 --> will change just when "Tools" on the menu gets close to the edge of the window
- instead of showing the menu items one below the other, they show like in the attachment