Docs

[skearsy]

Hi there,

Firstly, apologies – I can see this type of question gets asked very frequently but the responses are tailored specifically to the various sites so I couldn’t figure out what was relevant to mine…

So I’ve just viewed my site on a mobile (android) device and the layout and images are coming out jumbled and severely cropped… The top of the page has a Rev Slider – this doesn’t work at all (just part of it shows up), the images in the ‘Recent Posts’ section are cropped and the layout of text (eg in Popular Packages) is all uneven. From what I’ve read some of this may be down to the use of padding? (Cornerstone was used for these pages).

Please can you advise what I need to do? (Can provide URL separately)

Many thanks!
Graham

[skearsy]

This reply has been marked as private.

[Nico]

Hi There,

Thanks for writing in.

For your first rev slider, You could try using only a section with background so that it would be responsive or if you want to persue with the revolution slider, you could check there documentation on how to make your revolution slider responsive.

Revolution Slider online documentation to learn more about the plugin:
http://essential.themepunch.com/documentation/

For the responsive settings specifically, refer to this article: http://www.themepunch.com/revslider-doc/layer-settings/#tab-1438142298-2-92

and for your recent post

add this in your custom > CSS to show fully the image:

.x-recent-posts .x-recent-posts-img{
background-size: contain;
}

Hope it helps.

Let us know how it goes.

Thanks.

[Author]

Posts