- This topic has 3 replies, 2 voices, and was last updated 1 week, 5 days ago by Tom.
May 18, 2020 at 1:39 pm #1290787Erika
I´d like to create a Carousel Header Element which appears only on one page. Actually it should be an easy job 🙂
I have the following possibilities:
1. I disabled the image we added as a hook-Element for all other pages and created the carousel in Elementor. One way to do this is to add a carousel. Does not look bad, it is full screen width, it has the texts we want to have on the image, but I am not fully satisfied with it, because this element sticks on the page, although the option sticky is turned off. The slider should disappear under the navigation when I scroll down. Another way is to add an element and set the background up as a slide show. In this case I do not get the complete width of the screen and I can not add a different text to the slides, but it disappears when I scroll down 😀
2. For another option I found these scripts: https://www.w3schools.com/howto/howto_js_slideshow.asp
Any other suggestions about getting the wishes result of a slideshow with three images and texts on them (without placing the text on the image) that if full screen width and disappers unter the header&navigation when scrolled down?
*Please add the sites to the URL:
studio-carousel-as-a-background/ – carousel in Elementor as background slideshow
studio/ – carousel in Elementor as slideshow-element – as far the best looking one – maybe it only needs some lines of css not to stick on any device?
Thanks.May 18, 2020 at 4:38 pm #1290944TomLead DeveloperLead Developer
Is that an option in Elementor to make it sticky? It doesn’t look like it should do that by default. If possible, I would just deactivate the sticky option instead of disabling it per-device using CSS – it will be lighter that way.May 20, 2020 at 1:31 pm #1294411Erika
yes, i missed that the SECTION was set as sticky. Now it is working nicely.
Thanks, ErikaMay 20, 2020 at 2:16 pm #1294478
- You must be logged in to reply to this topic.