July 1, 2013 at 9:34 am #25577
Right now, if I insert a fullscreen slider in a page with a sidebar, the slider is forced to the content side next to the sidebar, totally messing up the slider. What I would want it to do is make the sidebar stop, just like a “Content Section” would do. I would put the slider inside a content section, but that doesn’t work. Adding a content section above the slider only shows a separation before going back to sidebar.
Is there a workaround? Maybe adding the same trick that the content section uses to interrupt the sidebar?July 1, 2013 at 2:12 pm #127460
Ok, apparently it’s a bug that made this not work. I saw that the fullscreen slider usually does force to fullwidth without sidebar, but on the page where I had added the fullscreen slider, there were Youtube videos added above the slider.
In my page I have deleted everything above the slider except for a youtube video (inserted through the avia layout builder). So there’s no doubt about it being the video messing it up.
I presume something isn’t closing correctly? This is the code available in the debug mode:
[av_video src='https://youtu.be/censored' format='16-9' width='16' height='9']
[av_fullscreen size='extra_large' animation='slide' autoplay='false' interval='5']
[/av_fullscreen]July 2, 2013 at 11:57 pm #127461
Can I see your example page live? I just re-created what you have above and the video and slideshow were both fullscreen without issue.
DevinJuly 3, 2013 at 12:13 pm #127462
Sure you can! 2 versions, both with exact same content, just different ordering of the items. Version 1 has the fullscreen slider below the video, version 2 has the slider above the video. As you can see, the problem only appears when it’s below the video. And it doesn’t matter how much other content there is between the video and the slider, as soon as there is a video anywhere before the slider, it’s messed up.
I’ve centered both the image and text in the slider so you get an idea of how wrong it is.
Link with the problem:
Link without the problem:July 3, 2013 at 1:45 pm #127463
You can control them with the column layout. Set the page to “No Sidebar”. Insert the fullscreen slider. Add a 1/1 column below then insert the video. Below, add a 1/4 column then insert a Sidebar element. Beside the 1/4 column, insert the 3/4 column for the content.
IsmaelJuly 3, 2013 at 2:06 pm #127464
I’m sorry, I forgot to mention that the sidebar has nothing to do with it. I only activated it to make the problem more visible. Check the links above again to see how it looks without the sidebar.
As you can see, the fullscreen slider is still forced to a certain width instead of fullscreen. Something must still be wrong. No sidebar issue.July 4, 2013 at 7:53 am #127465
On Enfold > Styling > Use stretched or boxed layout?, select Stretch Layout.
IsmaelJuly 4, 2013 at 9:29 am #127466July 5, 2013 at 7:03 am #127467
I can see the issue now. It is very random. Try to switch back to Default Editor then update it. Go back to ALE and update it again then preview the changes. Sometimes it will be fixed, sometimes not. I’ll tag Kriesi.
IsmaelJuly 5, 2013 at 1:51 pm #127468July 8, 2013 at 2:35 am #127469
Please update your theme. The current version is 1.71 and you are using 1.6. Please go to themeforest and download the latest version. Please be aware that the update will overwrite all the theme files. Here is a video by Devin on how to go about doing this https://vimeo.com/channels/aviathemes/64927356
NickJuly 8, 2013 at 11:53 am #127470
I am already using 1.7. The reason why you see 1.6 in the source code is because I’m using a child theme in which I added Version nr 1.6 and haven’t changed the number to 1.7 since I updated Enfold to the latest version.July 8, 2013 at 5:37 pm #127471
I am still trying to figure out what the problem is. You keep mentioning a sidebar though i don’t see one on either of the links. If you want to have sidebar, full screen and then sidebar, or any combination of sidebar and full screen, the way to do it is by using the widget area in place of a sidebar.
Take a look at this http://www.clipular.com/c?7708069=9VaXJSGLR6AfMuVe33WZKUjKVqg&f=.png
The colored areas above and below the sidebar are full fidth. and the sidebar is actually a widget area. The css code I used to style it is found here. https://kriesi.at/support/topic/sidebar-question-1#post-118753
The topic ‘Fullscreen slider should force sidebar to stop so it can be fullwidth’ is closed to new replies.