[chrisstegnerParticipant]

I’ve setup a site using Icon… which is great, but I have an issue with the menu on the left hand side disappearing when you scroll down the page. Please take a look at the following page, then scroll down the page… at a certain point the menu starts to disappear. I know it’s not actually disappearing but I think it’s being covered by a white box. Can someone give me an idea on how to correct this? I assume it can be fixed with custom css, but not sure what to apply the css to?

http://pacificahumancommunications.com/featured-work/

I’m using X version 3.0.1 and WordPress version 4.0.1

Thanks in advance!

[ZeshanMember]

Hi there,

Thank you for writing in!

This is the default functionality of how mobile menu works. As on mobiles the width of the content area is quite small, so the mobile menu moves at the top of the page and can be enabled by clicking the Navbar button (see: http://prntscr.com/5c3t0i).

Cheers!

[chrisstegnerParticipant]

Unfortunately that won’t work for my client. Do I have other menu options available in the left-hand menu area? I understand why it’s doing this, but can it be changed to not do it, or do it only at certain sizes?

[chrisstegnerParticipant]

This doesn’t seem to have anything to do with the mobile thought. Again, even if I’m at full-screen (1900 pixels in my case) and I scroll down the page, the menu disappears. I like the fact that the menu stays at the top, the way it should. But the scrolling and seeing the menu “disappear” doesn’t make sense o me at all.

[Nabeel AModerator]

Hi again,

Can you please try to add the following CSS code via Appearance > Customize > Custom > CSS:

.x-navbar .x-brand {
margin-top: -50px !important;
}

.x-brand img {
max-width: 70% !important;
}

Let us know if this works!

[chrisstegnerParticipant]

This didn’t help. All it did was move my logo and the entire menu up 50px. Not sure if it would determine how to fix the problem or not, but it only seems to happen in Chrome on Mac. It doesn’t happen in Firefox or Safari on Mac.

If you look at the page, it seems as though there is a block moving upwards as I scroll. If that’s the case, I’m not sure what css the block is, but it appears to be filled with white. If that’s the case, can it be filled with no color? Is it indeed a css element?

[John EzraMember]

Hi There,

Sorry for your experience so far, I am not able to troubleshoot the issue directly as it doesn’t appear on my end. Is the issue something you can capture in a screenshot or screen recording?

Also you say this issue is only with Chrome on Mac? could you let us know the versions of each. Thanks!

[chrisstegnerParticipant]

Mac Info: OS X Yosemite V 10.10.1
Chrome Info: Version 41.0.2224.3 dev (64-bit)

Screenshot Not Scrolled: http://whitedesignstudio.com/tempimages/Non-ScrolledPage.png

Screenshot While Scrolling: http://whitedesignstudio.com/tempimages/WhenPageIsScrolled.png

[chrisstegnerParticipant]

Emails from my clients concerning the left-hand menu:

Chris,

getting ready to meet with John now.

regarding my browser + operating system
btw the browser I’m using both Firefox 16.0.2 and Safari 3.0.4
the operating system MacBook Pro 10.5.2

However before you fall off your chair laughing…
seems I’m not the only one
Wanted to share with you this comment from a friend | colleague we sent the link too for feedback

He loves the site and what you’ve done;
however, he too has issues with the menu bar
awaiting his response about operating system and browser.

The only suggestion I have would be to raise the navigation panel on the left by a half-inch to an inch. It feels like there might be more beneath the “articles & information” line since it is so far down on the page. Plus, the way I have my desktop set up the navigation pane at the bottom disappears until I hover my mouse near the bottom – when it then appears it completely covers the articles and information link.

Chris –

I am on a Macbook pro 15” with system 10.9.2. running Firefox 34.0 and Safari 7.0.2.

For Firefox Left hand menu bottoms out with POVs that Inspire cut in half.
For Safari I get just the tops of the letters of the next menu item BELOW POVs that Inspire.

Hope this helps.

Best-
John

[chrisstegnerParticipant]

And yet more feedback from another:

Here’s the information from the friend

I use Firefox and Windows 8. But I just opened up IE and discovered that there actually is more below “articles & information!” In IE I now see “Interviews” and “POVs That Inspire” – I cannot even get to those in Firefox!

[ZeshanMember]

Hi there,

Thank you for writing in!

It seems you’re using a development version of chrome and the stable version currently is 39.0.2171.71 (ref: http://en.wikipedia.org/wiki/Google_Chrome). Upon testing your website on the latest stable version on OS X 10.10.1, I’m unable to replicate any issue. Screencast: http://screencast.com/t/Ii24QB6fvrG

So it could be an issue related to the development version of chrome.

Thanks!

[chrisstegnerParticipant]

And what about the other browsers and comments from my client?

[Paul RModerator]

Hi Chris,

To fix the menu bar issue, can you try the code below.

You can add this under Custom > CSS in the Customizer.

body .x-navbar-fixed-left .x-nav,
body .x-navbar-fixed-left .x-nav>li {
    display:block;
    overflow: hidden;
}

Hope that helps. 🙂

[Author]

Posts