[arefsParticipant]

The text elements and button on the opening slide of the slider on my homepage are displaying differently on different broswers and operating systems.

Why is this happening and how can we stop it so my slide renders as it should everywhere?

Here is a screenshot my opening slide taken on my OS X machine using firefox – https://dl.dropboxusercontent.com/u/17713251/2016-01-12_21-42-502.jpg

Everything looks fine.

However, here is a screenshot of the same slide taken on a Windows Surface using IE – https://dl.dropboxusercontent.com/u/17713251/eg1.png

You can see that the final phrase on the slide is rendered poorly. Why is the word “business” on a new line.

I could give you further examples of other screenshots taken in browserstack.com each of which displays the opening slide slightly differently.

However, I’m hoping I’ve got a setting wrong and we can easily fix this.

Can you help?

My site login is in the next post.

[arefsParticipant]

This reply has been marked as private.

[JackKeymaster]

Hi there,

Thanks for writing in!

I’ve checked your settings and on the slider per screen size, some of the text goes out of the layer area, which will cause display issues (screenshot attached).

Make sure the text is within the blue lines either side on each screen size toggle, it will then render correctly across all screen types.

Thank you!

[arefsParticipant]

Thanks. That’s helpful.

Is there a way for me to adjust the layers on a screen size by screen size basis?

For instance, my 1st slide now displays fine on the first two screen sizes. However, the headline is still chopped of on either side in the 3rd screen size. If I used the <br> tag to break up the paragraph onto separate lines then it will fit. However, I ONLY want to do this for the 3rd screen size. I tried breaking up the paragraph but it happens for all screen sizes. Is there a way round this?

[ZeshanMember]

Hi there,

Thanks for updating the thread!

As Revolution Slider is a 3rd party plugin, regretfully, we have limited support for it that only covers its compatibility issues with X. So any question related to transitions, animations or how the certain feature of the slider works, would be getting outside the support we can offer. You may refer to Revolution Slider online documentation: http://www.themepunch.com/revslider-doc/slider-revolution-documentation/

For more information, please refer to our knowledge base article on Revolution Slider.

Thank you for understanding. Take care!

[arefsParticipant]

Understood. Thanks.

[ZeshanMember]

You’re welcome!

[Author]

Posts