[Perry Kolb]

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

 

[Christian Wach]

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

[Perry Kolb]

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.

[Perry Kolb]

@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.

[Christian Wach]

@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 10 years, 2 months ago by Christian Wach. Reason: dang it, no tab-indenting!

[Perry Kolb]

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