Header issues on large screens
As you can see from the attached, when I am on a large screen instead of the rev slider staying relative to the top menu, a large amount of white space is created and the slider and other content appear below it.
Is there a CSS tweak I can make to improve this on larger screens?
Note: This only occurs on the homepage with the slider. All other pages are OK. I believe it is an issue with the rev_slider_wrapper but I don't know how to fix it.
Also I have tweaked the header with this: body:not(.template-slider) #Header { min-height: 94px !important;}
Comments
we did checked your site but we did not noticed anything like this. What screen size you presented on above screenshot and under which browser? Because on our side, it looks completely different and we do not have this empty space between the header and slider.
Thanks!
Hi there, thanks for your fast response.
On an apple thunderbolt 27 inch display, when I stretch out my browser to fill the screen. On any browser, it isn't a browser specific issue.
The issue is only on the homepage. On all other pages the content stays fixed relative to the menu.
Therefore I am assuming it is the slider wrapper that expands to the screen size, but I don't know the CSS tweak to set the wrapper to a max height. Is it controlled by "rev_slider_1_2_wrapper" or "tp-parallax-wrap" or "tp-mask-wrap" or "slotholder" or "mfn-main-slider" or something else completely?