Main menu is simply not available when screen is smaller than ~400px

Comments

luistope’s picture

luistope commented
Status: Active » Closed (works as designed)

It seems to work as designed. Although I think like you, and I believe i will show the menu for mobile users too.
We have global.css (line 383 aprox.) with:

/* navigation */
#region-menu {
  width: 100%;
  margin: 0;
 display: none;  
}

Menu wouldn't be displayed, but for screens with width above 600px thanks to media queries:

<style type="text/css" media="all and (min-width: 600px)">
@import url("http://localhost/manra/profiles/openpublic/themes/openomega/css/openomega-alpha-default.css?mnicr8");
@import url("http://localhost/manra/profiles/openpublic/themes/openomega/css/openomega-alpha-default-fluid.css?mnicr8");
@import url("http://localhost/manra/profiles/openpublic/themes/omega/alpha/css/grid/alpha_default/fluid/alpha-default-fluid-12.css?mnicr8");
</style>

We have in openomega-alpha-default-fluid.css (line 17)

/* show navigation that was hidden for mobile. */
#region-menu {
  display: block;
}

So, it was designed hidden for mobile.
If you want to show it. It's easy.
Go to global.css and change line (386 aprox):

/*display: none;*/
display:block;