Header background graphic not showing; slider causes menu to flash

url: http://foskeymedia.com

Why is the .header-container code I put in the Custom CSS field on the Styling Options page not translating correctly in my Chrome or Safari Browser?

Code:
.header-container {
background-color: #f9f9f9;
background-image: url('http://foskeymedia.com/wp-content/uploads/2015/01/foskey-media-header-logo-bkgd.png');
background-repeat: repeat-x;
height: 151px;
}

Something is transposing characters in the background image link, and the image isn’t showing. If I copy this code, then delete it from the BizWay Custom CSS, then add it in Chrome, it works fine.

Thoughts?

Also, I noticed the menu flashes every time the slider reloads when viewed in Safari (but doesn’t do it in Chrome). Any thoughts on how to correct that?


Thanks!

 

Hello,

Paste the code given below in Custom CSS section
(Appearance -> Theme Options -> Styling Options -> Custom CSS) of your dashboard.

Code:

.header-container {
background-image: url(http://foskeymedia.com/wp-content/uploads/2015/01//foskey-media-header-logo-bkgd.png);
}

I am not getting in safari the flash effect on menu when the slider reloads.

Thanks & Regards
Pramod

 

Thanks.