Tagged: LayerSlider
I have something strange happening. I have a site, where the homepage has a Layerslider, then a Color Section Below it. When I have it set as the Home page, it behaves this way. If it is NOT the home page, it behaves as it should.
Here is an example where it is the home page: https://rjillmaxwell.com
And here, I duplicated the page, it does not have the issue: https://rjillmaxwell.com/home-copy/
I initially built the home page by copying an older home page. I made all the changes and edits, then I renamed the home page and slug, and then renamed the new page as home and set it in Enfold theme (child theme) as the Home page. As soon as I do that, it breaks. The section below the Layerslider gets covered up.
I also tried duplicating the Color section. If I do that, it sort of works, because the first one is covered up, but the second one shows. The problem with that is, on mobile, even the second one is partially covered.
I just want to know why it coveres up the section below it if it is Home page, and not just any other page.
Thanks!
-Fred
Hey Fred,
You have this CSS in style.css:
.home #layer_slider_1 {
position: absolute;
width: 100%;
}
Please try to remove or alter it.
Best regards,
Rikard
I think there were some other sections with .home that were also affecting it. We built this site so long ago, I did not even remember any of that custom CSS. It was in the CSS file, Appearance>Editor> theme css file, not in quick CSS. I found them and removed them and now it seems to be ok on both mobile and desktop.
Thanks!