Youtube scrolls over header IE11 and custom icon issue

Hi There,

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.

• This topic was modified 10 years by  jay065.
• This topic was modified 10 years by  jay065.