• Resolved Vincent Dubroeucq

    (@vincentdubroeucq)


    Hi,
    I suddenly saw the black box surrounding the menu icon and post type icons disappeared.
    When I click on the menu icon, the menu unrolls, but background color is white and text is white. I didn’t change anything in the CSS.
    I tried uninstalling the theme then re-installing it, but it doesn’t work.
    What can I do?
    Thanks a lot for your time!
    Vincent
    http://www.onemicstudio.com

Viewing 15 replies - 1 through 15 (of 18 total)
  • Hi Vincent,

    I just checked your site at http://www.onemicstudio.com/ and I’m seeing the black box around all the icons there: https://cloudup.com/c3Io2icRThJ

    The background behind the menu and widgets at the top of the page is also black when I look at it there.

    Were you able to sort this out yourself, or is there anything more I can do to help?

    Thread Starter Vincent Dubroeucq

    (@vincentdubroeucq)

    That’s weird.
    I tried on my tablet, phone and laptop and I had the issue.
    I tried clearing the cache on my browsers. The site worked fine on the tablet but there’s still the issue on my phone and laptop.
    Do you have any idea where this could come from?

    Can you let me know more about the phone and laptop where you’re seeing the issue? Specifically what operating system and browser (including the version number) are you using to view the site?

    I checked on my laptop (running Mac OS X version 10.9.5, using Chrome version 38.0.2125.122) and on my phone (in Safari on an iPhone 6 running iOS 8.1.1). If you’re using different devices or browsers, it could be a browser-specific issue. Knowing more about that might help narrow down the source of the problem.

    Thread Starter Vincent Dubroeucq

    (@vincentdubroeucq)

    Hi,
    The problem reappeared on my tablet.
    I’m using a Nokia 935 Windows Phone 8.1 with the latest IE app.
    My tablet is a Kindle Fire HD 7″ running Silk (default browser, ver.
    My computer is running Windows 8.1 with IE 11.
    I can’t find Silk’s version number. But everything is updated everytime I can.

    Hi Vincent, we tested http://www.onemicstudio.com in IE11 and a Kindle Fire/Silk browser, and weren’t able to see either of the issues you mentioned above. The top panel shows white text on a dark grey background, and the post-format icons look fine too.

    Are you looking at a specific page when you see these issues, and if so, could you provide the link?

    If you could also upload a screenshot to help in troubleshooting, it would be helpful.

    Here’s a guide on how to make a screenshot, if you’re not sure: http://en.support.wordpress.com/make-a-screenshot/

    You can upload the screenshot – in a graphic format like JPG, PNG, or PDF – in your Media Library, and provide a link so I can see it, or upload it with a service like Imgur or Snaggy. Thanks.

    Thread Starter Vincent Dubroeucq

    (@vincentdubroeucq)

    Hi,
    That’s a strange issue. I didn’t try my site elsewhere.
    I get the problem on the front page and everywhere else.
    Since I get the problem on my laptop, phone and tablet, I thought it was a problem with the theme.

    Here are 4 screenshots. The menu is written in white on a white background.

    Screenshot Laptop 1 – http://1drv.ms/1uHx6QI
    Screenshot Laptop 2 – http://1drv.ms/1uWtob9
    Screenshot Tablet 1 – http://1drv.ms/1uWttf5
    Screenshot Tablet 2 – http://1drv.ms/1uWty28

    Thanks for the screenshots. Since we haven’t been able to reproduce the issues on your site, would you mind visiting the two Tonal demos to let me know if you see the same issue on those sites?

    http://tonaldemo.wordpress.com/

    http://wp-themes.com/tonal/

    Could you also please have a look at your site in either Chrome or Firefox on your laptop and let me know if the issue occurs there?

    I noticed you’re not using a child theme, but just to confirm, did you make any customizations to the theme files? If you undo those customizations, does it make any difference?

    Thread Starter Vincent Dubroeucq

    (@vincentdubroeucq)

    The demos work fine on all of my browsers.
    I didn’t do any change to CSS.
    I tried re-installing the theme. Didn’t work.
    I tried Chrome, but the issue is still there.

    Thanks for reporting back. Since you don’t see the issue on any of the demo sites, and the issue is present in other browsers, the next troubleshooting step I’d recommend is deactivating all your plugins temporarily to see if one might be interfering. If the site returns to normal, reactivate them one at a time to find the culprit causing the issue.

    Let me know how it goes.

    Thread Starter Vincent Dubroeucq

    (@vincentdubroeucq)

    I tested deactivating all the plugins. It still doesn’t work.
    I tried my site at my job, and it worked fine.
    Apparently, I only have this issue at home!
    I’m really lost!

    Thread Starter Vincent Dubroeucq

    (@vincentdubroeucq)

    Excuse me, I noticed another problem.
    In the menu, under Blog, I added my categories.
    Except the links don’t link to the different category archives, but to random pages on my site or to 404!

    In the menu, under Blog, I added my categories.
    Except the links don’t link to the different category archives, but to random pages on my site or to 404!

    Your category pages take the word “category” in the URL, like this:

    http://www.onemicstudio.com/category/concepts/

    I tested deactivating all the plugins. It still doesn’t work.
    I tried my site at my job, and it worked fine.

    I’m not sure why this issue is only happening on your site – and not the demos – and only at your home, and not your office. There may be an issue between your Internet Service Provider and your webhost, so you may want to pursue that avenue with their tech support folks.

    Thread Starter Vincent Dubroeucq

    (@vincentdubroeucq)

    Thanks a lot for your help.

    Can you provide me with the code responsible for the background color of the menu?

    Maybe I could try to override the theme’s maybe-corrupted CSS file with the code snippet in the Custom CSS area in Jetpack?
    It will be a temporary fix, but still it may work.

    What do you think?
    Thanks again
    Vincent

    Interesting idea! This is the current background for the slideout menu area, so you could try adding that to your custom CSS.

    #menu-block {
        background: none repeat scroll 0 0 rgba(1, 1, 1, 0.8);
    }

    Let me know if if it works!

    Thread Starter Vincent Dubroeucq

    (@vincentdubroeucq)

    It works.
    But it’s just a temporary fix

Viewing 15 replies - 1 through 15 (of 18 total)

The topic ‘Menu color problem’ is closed to new replies.