Responsive fails for Revolution Slider

[The Hutong]

Hi,

Check out the top layer revolution slider here: http://thehutong.info/?page_id=518

When I compress the slider i see the bottom line keep moving forward and will eventually overlap with the upper line. See attachment the screenshot.

Any idea on this?

Thanks,

Ivy

[Melanie – SUPPORT]

Hi, can you increase the margin bottom of the text further?

[The Hutong]

Hi Melanie,

Thank you for your reply. I tried but i don’t think that’s what it is. See the Flexform live preview here: http://themeforest.net/item/flexform-retina-responsive-multipurpose-theme/full_screen_preview/4258755

The revolution slider at the top has very little margin between each line, but it won’t overlap when you try to compress the screen. I think there’s something else that i’m missing. Any idea?

Thanks in advance.

Ivy

[Swift Ideas – Ed]

Hi Ivy,

Please update to the latest version of the revolution slider – http://support.swiftideas.net/forums/topic/revolution-slider-latest-version-2/

This will be based on the layer align, see the options here – https://www.dropbox.com/s/8uawlzw8a6bbr4u/Screenshot%202013-11-24%2011.32.58.png

– Ed

[The Hutong]

Ed,

Thanks for your reply. Actually it gets all good when it’s in big screen, i use the align thing to adjust the position of my two layers. However when i compress the screen to a phone size:

1. the background image will get really small
2. the two layers will overlap. If it’s fully responsive then i guess layers should stay stable relatively – can’t overlap

So i think it’s not the align thing that is the problem here?

Thanks for your help in advance.

Ivy

[Melanie – SUPPORT]

Have you fixed it? I see the slider on your page perfectly fine on small screens now.

[The Hutong]

No it still has the problem, i put testimonial slider instead of the revolution slider now so that everything works fine. Would really love to know how to fix the revolution slider though.

Let me know if there’s any news on that.

Thanks!

Ivy

[Melanie – SUPPORT]

I will forward this to the developer, maybe he can let you know how he did it in the demo.

[The Hutong]

That would be awesome. Thank you so much and look forward to hearing from you!

[Swift Ideas – Ed]

Hi The Hutong,

These are the settings used on the demo, hope they help! https://www.dropbox.com/s/vciamo4xv9wgvkz/Screenshot%202013-12-03%2015.46.23.png

– Ed

[The Hutong]

Hi Ed,

Thanks for the screenshot, but it didn’t solve the problem. If you can take a look at this page: http://thehutong.info/revtest/

In full screen, it looks like the “Welcome…”(1st layer) bit is at a little above 1/2 and “Step…” (2nd layer) line is at 2/3.

If you try making the screen smaller, what i observe is that, the “Welcome..” will always stay at the corresponding 1/2 place, while “Step…” keeps going up and eventually overlaps with the “Welcome” bit.

It’s been bugging me for so long and it seems that our previous conversations were not so efficient. Can I get this fixed soon? Thanks so much.

Ivy

[Swift Ideas – Ed]

Hi Ivy,

Just checking your issue, and seems it is an issue with the slider positioning (plugin issue, not theme issue). It’s not something that the theme is causing, hence not something we are able to fix as such.

If you add this to the custom css box within theme options, it will allow you to add extra spacing:

@media only screen and (max-width: 767px) {
.layer-mobile-adjust {
margin-top: 20px;
}
}

Then just add “layer-mobile-adjust” to the class of the layer.

Hope that helps.

– Ed