I’m creating a one-page layout design so have set up the various menu items to slide down the page using the Color Section block and adding the #name for the section ID. I’d like the page to slide to the top of a full screen slider but I’m unable to put a full screen slider into a Color Section block. Is there a workaround for this? Thanks!
Erin
Hey ESWEENEY113,
Yes, try using a Code Block and place it on top of the fullscreen slider and put this inside the code block:
<span id="demo"></span>
just replace the id. Hope this helps :)
Best regards,
Nikko
Thank you! That helped a lot. There’s about a 30 pixel gap between the code block and the top of the fullscreen slider. Is there any way to get rid of that? Just wondering. Thanks again.
Erin
Hi,
Try adding this css code in Quick CSS (located in Enfold > General Styling):
.home #after_section_1 .content.av-content-full {
padding: 0 !important;
}
Best regards,
Nikko
Thanks! That worked perfectly but only for the first instance (Print). I’m making a one-page site. When you click on Print, it works, but if you click on any of the other menu tabs, I still get the white space above the full screen slider: http://www1.artcraft.com/
Can I add this code to the Code Block instead?
Thanks!
Erin
Hi,
Try to change the code I gave:
.home #after_section_1 .content.av-content-full,
.home #after_section_3 .content.av-content-full,
.home #after_section_4 .content.av-content-full,
.home #after_submenu .content.av-content-full {
padding: 0 !important;
}
Hope this helps :)
Best regards,
Nikko
It does! Thanks so much :)
Erin
Hi Erin,
Glad we got it working for you! :)
If you need further assistance please let us know.
Best regards,
Victoria