Hi, on my homepage I have a full screen revolution slider. On my desktop there is no problem. But on iPhone and iPad the image layers in the slider scale too much and totally disrupt the layout. The guys from Punch Team (Revolution Slider) say the following:
"... yes, it seems more then broken. It looks like some wrapping container makes this result. As i can see the container which is wrapping the slider does not shrinks directly, but with some delay or animated, and this is why the sldier can not get the right size.
Maybe an other structure where you add the slider outside of the wrapps, by closing the divs before and opening the same divs after the slider would help in your case ..."
I used your version of visual composer. Inserted a row and have put a revolution slider module in it. Nothing fancy..
Well the row is the first element on the page, as is, not animated, without styling. Could you point me in the right direction?
tnx, jaroslav
The container they're referring to is the "Full width content" row type that Salient offers in the page builder. It works by breaking the row out of the main container through javascript so that it may touch the edges of the screen. However there is no delay or animation on the javascript doing this and the margins are indeed being calculated correctly (it's a simple small calculation) and the fact your slider is remaining full width & works good on desktop shows this. I'm not sure how the calculations for the sliders inner content work on Rev slider so it's hard for me to shed any further light on that.
I would also recommend that you just place the slider outside of the page builder for the time being by creating a page template in the theme and using the
The guys from Teampunch gave it a closer look and are basically saying that I need to talk to you guys as the full screen problem is due to VC.
"...It looks like the container you've placed the slider in is using some type of "absolute" positioning, where the margins aren't being updated correctly. I'd consider adding the slider without using Visual Composer, using one of the methods listed here: http://www.themepunch.com/home/plugins/wordpress-plugins/revolution-slider-wordpress/ive-created-a-slider-but-how-do-i-add-it-to-my-page/ ..."
So back to square one. Can you help?
Regards, jaroslav
Hey jaroslav, i'll need a URL in order to see what you're talking about :)
sure, check the home page: http://izzybranding.com/
The container they're referring to is the "Full width content" row type that Salient offers in the page builder. It works by breaking the row out of the main container through javascript so that it may touch the edges of the screen. However there is no delay or animation on the javascript doing this and the margins are indeed being calculated correctly (it's a simple small calculation) and the fact your slider is remaining full width & works good on desktop shows this. I'm not sure how the calculations for the sliders inner content work on Rev slider so it's hard for me to shed any further light on that.
I would also recommend that you just place the slider outside of the page builder for the time being by creating a page template in the theme and using the
method :)Done it. I think its a problem with revolution slider. Tnx for trying!