-
AuthorPosts
-
January 23, 2018 at 10:17 pm #901719
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!
ErinJanuary 24, 2018 at 3:03 am #901822Hey 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,
NikkoJanuary 24, 2018 at 6:38 pm #902253Thank 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.
ErinJanuary 24, 2018 at 8:24 pm #902290Hi,
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,
NikkoJanuary 24, 2018 at 8:37 pm #902300Thanks! 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!
ErinJanuary 24, 2018 at 9:09 pm #902313Hi,
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,
NikkoJanuary 24, 2018 at 11:04 pm #902401It does! Thanks so much :)
Erin
January 25, 2018 at 5:52 am #902560Hi Erin,
Glad we got it working for you! :)
If you need further assistance please let us know.
Best regards,
Victoria -
AuthorPosts
- You must be logged in to reply to this topic.
