I’m having problems in Microsoft Explorer. My main menu is hidden by the video content at the top of the page. It’s OK in Safari, Firefox etc.
menu hidden by video content
This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.
Hi Kevinmccourt
Which version of the browser are you using? I have just checked it on version IE version 11 and it looks as expected.
Looking forward to hearing from you
I’m not sure it’s a clients set up, I’ve attached a screen shot that was sent to me.
Kevin McCourt
Creative Solutions for Business
Website: http://www.kevinmccourt.co.uk <http://www.kevinmccourt.co.uk/>
Landline: 01642 351486
Mobile: 07809 675580
Email: [email protected] <mailto:[email protected]>
>
Hi Kevin
It’s unfortunately not possible to email attachments to the forum. If you could please upload anywhere public and share the url, Addo will be able to help further.
Thanks
Here you go
http://www.enhancedentalcare.co.uk/yarm/wp-content/uploads/2015/03/Screenshot-2015-03-24-18.52.01.png <http://www.enhancedentalcare.co.uk/yarm/wp-content/uploads/2015/03/Screenshot-2015-03-24-18.52.01.png>
Kevin
Kevin McCourt
Creative Solutions for Business
Website: http://www.kevinmccourt.co.uk <http://www.kevinmccourt.co.uk/>
Landline: 01642 351486
Mobile: 07809 675580
Email: [email protected] <mailto:[email protected]>
>
Thanks. Phew, not sure. Z-index of the drop down is 9999 and the z-index’s of the video and wrappers are all under 1000. Not happening in OS X Chrome. Let me ask Braam on our side to test in IE. I’ll come back to you as soon as we have something.
If you’re feeling up for it, please drop a reply here so you’re the last reply, will help keep this thread up high on our list :)
Thanks Andrew, look forward to a solution.
Thanks for the wait. The problem is happening by default in IE 9/10/11. We suspect it’s being caused because the computer in question has Flash installed. When Flash is installed it’s used by the YouTube player over HTML5 with HTML5 as the fallback. There is a known bug where the Flash player in IE ignores z-index (the layer order we’ve declared, we’ve given the menu drop down a layer order around 10,000, so it should be above everything).
Some background: https://davidsimpson.me/2014/02/03/youtube-flash-player-ignoring-z-index-in-internet-explorer/.
Let’s try this. Remove the Embedded Video (PB) widget and instead insert the video into a Text widget using the regular YouTube embed code. Before the embed code, insert the following (this is all happening in a Text widget):
<script> $('iframe[src^="//www.youtube.com/embed"]').each(function(){ var url = $(this).attr("src"); var separator = (url.indexOf('?') > 0) ? '&' : '?'; $(this).attr('src', url + separator + 'wmode=transparent'); }); </script>Let us know how that goes.
No change! I’ve changed the code as suggested on the homepage and the menu still appears behind the video – I’m going to reinstate a Meta slider on the page to push the movie down, but this isn’t how I wanted the page to appear.
Any additional suggestions would be welcome – Delete all copies of Explorer is my suggestion!
Delete all copies of Explorer is my suggestion! We’re with you!
Ok, back to the drawing board. We’ll take another look and see if there is another solution that can be attempted.
Ok, my bad. You can remove the script from the Text widget, it needs to run before the video. Please try installing:
That parameter needs to be passed in to Flash Player when it loads, so that script needs to have run before the loading happens.
And then insert the script I recommended earlier in the header field the plugin will provide.
Hope that makes sense.
which plug in?
Sorry about that:
https://wordpress.org/plugins/header-and-footer-scripts/
Hi can I reopen this thread as I’ve just followed the instructions for another site and it’s not working.
The original site I had this issue with I moved the video so it stopped the issue but I need the video where it is on this site.
Can you help, I uploaded the script plugin and inserted the script as suggested earlier in this thread the site address is:
http://www.durham2021.org
If you try the ‘donate’ menu this shows how the overlap problem occurs – I think it’s just in ms explorer
Thanks
Kevin
Hi Kevin
It all looks in place. Text widget + regular embed with the suggested script in your site’s head. Not really sure what else we can suggest here.
You could perhaps try changing the script in Header and Footer Scripts to:
<script> $('iframe').each( function() { var url = $(this).attr("src") $(this).attr({ "src" : url.replace('?rel=0', '')+"?wmode=transparent", "wmode" : "Opaque" }) }); </script>Working off the last answer.
Still doesn’t work, my client has sent me a video of the problem.
There must be a fix? if it’s flash can we not disable flash?
I’ve had a quick search of google and it seams like a common issue, I just haven’t got a device that I can see the problem on so I keep asking my client to test it and I’m starting to look stupid!
Hope you can help find a fix?
I’m not able to test on my side so I’ll need to ask our developer Braam to take a look for us tomorrow. I’ll report back when we have more.
Can you send us a set of temp login details so we can try adjust scripts while testing? Details to follow.
sure what email address shall I use?
Would it be possible for you to create a temporary admin account for us so we can log in and take a look? You can create the account with the following email address:
[email protected]
Just navigate to Users > Add New in your WordPress admin. Enter siteorigin for the username and [email protected] for the email address. Make sure you’ve selected Administrator for the role and enabled the “Send Password” field so we receive the details.
Once we’re finished taking a look, you can delete this account. We’ll let you know when to do that.
This is a private message.
Thanks :) I’ll dive into this with Braam tomorrow. Chat then.
Hi have you got anywhere with this issue? I’m getting hassled by the client.
Regards
Kevin
Hey Kevin
Sorry for not getting back to you. I did take a look with Braam. We didn’t have any luck. We’re basically up against a browser bug on this one. The browser is ignoring, in this instance, normal layer controls. I’ll take one last look now. At some point you might have to consider alternative options. If we could resolve the IE bug, we certainly would.
This is a private message.
This is a private message.
Fixed. Removed the header script and added:
&wmode=transparent
To the URL.
Thanks – have you tested on explorer? I don’t have anything to test it on and I’m reluctant to ask the client again unless t really works
For sure.
Had it broken and then fixed on Windows 7 / IE 9. Should be good to go for the other problem IE versions.
will send to client – thanks for your support.
For sure. Let us know how it goes.
Hi Andrew,
the client has reported it’s working on all pages except the you tube page? http://www.durham2021.org/youtube/ <http://www.durham2021.org/youtube/>
The changes you made should be site wide? so it could be he’s looking at a cached copy of this page.
Can you just check and see if it works for you please.?
Not anymore no. Per video. I’ll take a look now.
Should be good now. Please, check the page and take a look at how I’ve added:
to the URLs.
Thanks :)
thanks will ask client to check, and I’ll make a note so I add any more video the same way.
Thanks again.
For sure :)