-
Posts
-
Hi,
My layer slider content is getting pushed down below the top of my home page. The content is a Layer Slider inside a color section. I have uploaded a transparent logo and selected Transparent header on the page. What am I missing?
I’m also wondering if it’s possible to hide the navigation on this page only. Site is https://schroeterslawnandlandscape.com/
Thank you!
TomHey Thomas,
Thanks for your question, this is because you have added the LayerSlider shortcode in a code block in a color section, the color section centers the code block so the LayerSlider is not under the header.
I removed the code block and color section and added the LayerSlider element instead.
I found that your site is using a boxed layout so the LayerSlider was not centered so I added thes css:@media only screen and (min-width: 990px) { .home #layer_slider_1 { width: 100vw !important; position: relative !important; left: calc(-50vw + 50%) !important; } }Then to hide the menu on the homepage I added this css:
#top.home .main_menu { display: none; }please clear your browser cache and check.
Best regards,
MikeThank you Mike! Your solution and explanation helped but the Layer Slider is pretty bumpy when changing the size of the page. I’m wondering if we could get a better result using a Full width slider and somehow placing a hot spot link to “Enter Site”.
To demonstrate, I have switched the home page in Theme options to https://schroeterslawnandlandscape.com/intro2 to continue hiding the menu (earlier home page was https://schroeterslawnandlandscape.com/schroeters-lawn-and-landscape).
Using the full width slider, the video is better but without a hot spot, I am linking the entire video inside the slider. Basically, this disables the video controls. When the user attempts to use the video controls, he links to the rest of the site. Can I create a hotspot on top of a video and place that hot spot image?
Thank you!Hi,
I’m still working on this and trying some of the work arounds found here in support. We are close but here are still a few issues. Just to review, I am trying to show a video on the home page of this site with only a link to enter the site. The home page is now set to /intro3, the video is set in background video of a color section and the image (with link) is set in the same color section. I would also like to display the video’s controls. I would also like to set the linked image at about 50% opacity.
– From https://kriesi.at/support/topic/enable-video-controls-pauseplay-wbackground-video/ – On the wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/section/section.php I have changed
‘video_controls’ => ‘disabled’ to
‘video_controls’ => ”
But the controls still won’t display. I also tried ‘video_controls’ => ‘display’ with no luck– the image in the color section is not linking to the page set
– Audio is playing in incognito but not on a regular Chrome page. Audio does not play in Safari but was yesterday. All browser controls in Chrome and Safari are set to auto play and sound on
Please help. I am spending hours on something I feel should already be working.
Thank you,
TomHi,
Thanks for your patience, I believe you will have trouble getting a color section background video to play with sound on mobile devices. I looked at your LayerSlider and instead of using an button image, I added a LayerSlider button to is, it looks very close to your button image, please check.
Typically to have a mobile LayerSlider for mobile fill the full screen you would create a second LayerSlider with a mobile canvas size and adjust the background video and button to suit.
Then set the visibility so only one shows on mobile and one on desktopBest regards,
Mike
- You must be logged in to reply to this topic.