My client has a problem that the Youtube video scrolls over the header. He uses Windows 7 with Internet Explorer version 11. So I tried to Google and found some codes to add, but nothing seems to work.

The Z-index header is 499, but I dont know how to change the Z-index from the Youtube video.
I also tried to add this to the youtube url: &wmode=transparent or &wmode=opaque but it doesn’t work.

I checked another website I designed for a client, who also has an sticky header and Youtube Iframe but this site doesn’t have this problem.

Do you know if there is an easy fix for this?

–

At the ‘Contact’ section I added custom images instead of the icons. I did this with CSS and everything works fine, except on all Internet Explorer browsers. The icons appear instead of the images.

I think I found the problem but don’t know how to fix.
I added this code;

.home i.icon.icon-calendar3 {
    width: 125px !important;
    height: auto !important;
    vertical-align: inherit !important;
}

But on IE it adds the ‘::before’ tag like this .icon-calendar3::before and so the code above is ignored. I tried to add an extra code like above in custom CSS with the ::before tag like IE tells me. But that doesn’t seem to work. It keeps saying content: (/97..) something like this. So I went to the icons.css and edited the content there, but it doesn’t appear on the site.

Please let me see the problematic URLs you described above. I could only help you once I see what’s going on and play around with the code.

http://blizzert.jaimyvanderlee.nl

2 video’s as described above here;

https://copy.com/e2gi1fu8GlwKSEij

And this is IE11? Just checked and can’t reproduce on my IE 11… Crazy thing! I am running Win7 as well.

As for the other issue again some IE specific glitch with the content rule…
I would use these instead and attach them not to the icon (i element) but to its parent:

.custom_slides.nav_design_2 .cs_nav_item.active .cs_nav_icon:nth-child(1){
background: url(http://blizzert.jaimyvanderlee.nl/wp-content/uploads/2015/11/vikingred.png) no-repeat;
background-size: 100%;
}

And as for the icon’s content rule just set it to “”.

The icon kinda works now, but its assigned to the activated icon and not to the static one. Also on IE the icon still pops up. When I change the content at the icons.css it doesn’t seem to change anything, is this connected to another css file?

Login credentials are below, I added custom CSS at Fortuna options. Feel free to play with the custom CSS.

Check now, I think I got it setup for you.
Since you have quite some code in your Theme options -> Custom CSS now you might want to move it to your Child theme’s CSS file, it would be easier for you to manage and edit.

Is there anything I can do in return for you? Of course I already gave you 5 stars at Themeforest!