Found a fix for my issue!

I created a class and added it to header-style-1.php part

before
<div class=”td-header-container td-header-wrap td-header-style-1″>

after
<div class=”td-header-container td-header-wrap td-header-style-1 menu-color”>

.menu-color{
background-color: #032f54;
}

I still need to know how to disable the background fade in effect. Thanks Lucian

Ok,

I will continue troubleshooting the issue. How do you disable the background fade in effect?

Hey Lucian,

Issue still occuring with IE version 11.0.9600.17498 (update version 11.0.15). After further investigation, the issue is the background color is not applying and the menu becomes transparent except for the nav titles plus the search icon. The menu background fades in with the site background and remains the tiled background image (the fade in is something i would like to disable as well).

The issues only occur with menu-style-1 in IE but issue is not present when scrolling down the page as seen below:

Transparent Menu with Search icon floating
http://www.screencast.com/t/ndksJVpaEk2

Issue Resolved when menu snaps to top(when td-affix applies)
http://www.screencast.com/t/aQ2svfQibpa

Hi Lucian,

I cannont send the link for our website is still in production on local servers only. I fixed the issue by adding the font family to desired classes in our stylesheet.

I have encountered another issue using Internet Explorer only. When loading the page, the main menu color fades with the background and ends as the background color. Plus the search icon position is incorrect compared to other browsers as seen in the screencast below:

http://www.screencast.com/t/yxIALi6StMU

Thanks

Thanks for the heads up. The site is not live, just on our servers, so there is no way for you to access it. I appreciate the help and please let me know when you fix the issue.

Again Thanks!