Mobile Menu

Allen

When I shrink my browser width or view on iPhone the drops of my menu show huge line spacing. Is
there anyway to reduce the line breaks?

Or

Also because only one level of drops show is there a way to add classes in the menu cells.
Then perhaps using CSS @media to add more main buttons and hide the drops? In other words
a simplified one line menu with no drops.

Another problem when on iPhone you'd need to be a surgeon to pick the tiny menu items. Need
much larger font size.

Allen

Think I got this working. Added an html box just below my other menus in header. I added one long
string of links, just text now for testing. Have to shrink browser to see it to edit, The change over
width has not been perfected yet. The long string compacts real nice for mobile. Whad'a think?

Then used this CSS to configure it.

@media only screen and (max-width: 700px) {
  .sm-page-widget-375144,
  .sm-page-widget-964555 {
      display: none;}
   }

.sm-page-widget-5078449 {
      display: none;}

@media only screen and (max-width: 699px) {
  .sm-page-widget-5078449 {
      display: block !important;}
   }