Group Admins

CBOX Classic Support

Public Group active 1 month, 1 week ago

This group provides support for Commons In A Box Classic, our original software for community-building. Register for an account or log in to commonsinabox.org, then join the group and post your question here.

Menus disappear in mobile devise.

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • February 10, 2015 at 10:56 pm #5408
    Perry Kolb
    Participant

    On my Ipad in landscape position I can see the menus in the top three positions. When I rotate my ipad to portrate position, the menus disappear. See at:   respectlife.us

     

    February 11, 2015 at 6:21 am #5414
    Christian Wach
    Participant

    Your mobile menu is there, just hidden below the WordPress admin bar. Try adding the following custom CSS to make it appear below the admin bar:

    @media only screen and (max-width: 768px) {
  .mobile-menu-container { top: 44px; }
}
    February 12, 2015 at 9:27 am #5417
    Perry Kolb
    Participant

    There was no noticeable change. I assume that the custom CSS is entered in the cbox theme options global area?

    Attachments:
    You must be logged in to view attached files.
    February 25, 2015 at 10:13 pm #5486
    Perry Kolb
    Participant

    @media only screen and (max-width: 768px) {
    .mobile-menu-container { top: 44px; }
    }

    This does do anything.  Any other ideas.

    What i’m getting (either with or without it) is that on a wider screen the menus appear normal. When on an a desk top screen and I narrow it, there is a zone ranging from slightly larger than than an iPad in portrait to something smaller than an iPad in portrait where there are no menus.  Anything smaller gives me the drip down “where to?” menu, which is fine.  Its just the zone for an iPad in portrait that has no menu.

    March 2, 2015 at 9:38 am #5495
    Christian Wach
    Participant

    @perrykolb Try setting its z-index as well:

    @media only screen and (max-width: 768px) {
  .mobile-menu-container {
    top: 44px;
    z-index: 1000;
  }
}

    I’d have to see the page itself to debug further.

    Cheers, Christian

    • This reply was modified 9 years, 8 months ago by Christian Wach. Reason: dang it, no tab-indenting!
    March 5, 2015 at 3:03 am #5497
    Perry Kolb
    Participant

    Tried this, no luck.

    @media only screen and (max-width: 768px) {
    .mobile-menu-container {
    top: 44px;
    z-index: 1000;
    }
    }

    There is a gap between a small screen such as smart phone size and say an ipad in landscape position where the menu does not show up at the top. An ipad in portrait position is in this gap. If you want an an example, this very page that i am on right now at this site will demonstrate the issue. Also see attached screen shots.

     

     

    Attachments:
    You must be logged in to view attached files.
  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.