PRO header revolutionslider not working in edge

[macvink]

Hi there,

On my website there is an issue where the Revolution sliders built into the PRO header don’t show in the Microsoft Edge browser. The workaround is to put the slider in the ‘above masthead’ position in the page editor but seeing as this slider needs to show on all pages but home, this is very inconvenient. Someone has looked into this issue previously but hasn’t been able to find the problem. See below thread:

Rev-slider not working in microsoft edge

Hi! Thanks for the reply. I tried what you suggested in the reply above but alas, nothing seems to have helped. In a secure note I will provide you with login credentials. I hope you can find something that can help us! Thanks so much in advance!

It would be really appreciated if you could look into this issue further.

Thanks in advance!

[rad]

Hi Vink,

Thanks for reaching out.

I created a sample test page and cloned your header, it seems flex auto sizing doesn’t work on Edge. I corrected it by setting the auto to 100%, please check this screenshot

It’s the container’s self flex setting, please try that and let us know if it works on your Edge browser.

And since auto doesn’t work on Edge, I recommend setting the text element’s width to 100% as well instead of auto. This was an issue with IE browser, but seems inherited by Edge as well. On all modern browsers, auto and 100% are the same, except for IE and edge.

Cheers!

[macvink]

Hi!

Thanks so much for looking into it! I do see the slider now too, however the width and height aren’t displaying properly:

The height isn’t such an issue because you can’t see it when there is content on the page. The width should cover the width of the browser though. Any reccomendations on how to achieve that?

Thanks in advance!

[macvink]

Hi there!

I’ve actualy just solved it.

I added the following CSS

rs-fullwidth-wrap{
overflow: visible;
}

This solved the issue

Thanks again!!

[marc_a]

Hi Vink,

Great you are able to solve your issue.

Thank you.