I am setting up a new page on my website. And though I amusing exactly the same Revolution Slider settings as on my front page I end up with an unwanted container between my menu header and slider.
The issue can be seen here: http://socialeyemarketing.com/digital-strategy
On my homepage you see it being properly aligned: http://socialeyemarketing.com/
Any solution will be most welcome.
Best regards,
Hey Ophidian87!
Please add following code to Quick CSS in Enfold theme options under General styling tab
.page-id-3003 #main>div>.container>main {
display: none;
}
Cheers!
Yigit
Hello! I’m having the same issue as well. I tried adding the code above, changing the page ID to 82 but it didn’t work.
Hi @digitalammo,
Not sure what you want to remove on that page, it’s looks very ‘under construction’. Could you post a screenshot of the issue please?
Regards,
Rikard
I’m not sure if it’s due to the settings that I have but on laptop there is a large gap above both revolution sliders (I am creating the page with two revolution sliders on top of another) the screenshots show the gaps that i’m talking about.
For the first slider I have the rev slider set to:
minimum height 1526
max width 2000
And for the second it’s
min height 1230
max width 2000
On desktop, if you bring the page width all the way out to 2000px, there is no gap. But there is a gap on any device whose screen is smaller than 2000. I hope this makes sense!
Thank you.
Hey!
The gap you are seeing is because you have set the background image position to center center or 50% 50% so when you reduce the browser width the image get’s re-sized to fit the browser width and it’s position becomes center center so you see that gap on top.
Set it’s position top, center thats should remove the gap on top.
Regards,
Vinay