Docs

[JW & Co.]

Good morning,

There is a slider above the masthead on http://webdeveloperandseo.com/.

Unfortunately, the image is being reported as cut off on some devices, however I can’t seem to replicate this issue to fix it: http://prnt.sc/dlrbzp.

I’m sure it has to do with the slider settings… I tried to insert a fixed height, but on mobile devices a different part of the image is cut off.

Is there a solution? It’s probably something small I’m overlooking in the slider settings.

Thanks!

[Joao]

Hi There,

The best would be to use the “beach bagckground” as a background image and the text and a layer element in front of it.

Please provide your credential so we can take closer look.

Thanks

Joao

[JW & Co.]

This reply has been marked as private.

[Friech]

Hi There,

On the background Source Settings panel, set the Background Fit option to 100% 100%.

Keep in mind that the image is landscape oriented, so there is no way we can fit this on a portrait oriented screen (mobile) without squeezing it.

Thanks.

[JW & Co.]

Good evening,

Unfortunately the stretched image is not going to work. I really don’t know what to do at this point… several agents have suggested different, contrary solutions but none seem to be working. It seems that this should be an easy fix? What really is the best way?

One image, above the masthead, needs to be responsive across devices. Is that really not possible? I don’t want to cut the logo off, stretch the logo, or alter the logo in any way.

Thanks,
Josh

[Lely]

Hello Josh,

Layer Mobile / Device Visibility will help you in this case. See this guide:https://www.themepunch.com/revslider-doc/layer-mobile-visibility/. Since one image will not fit for every screen size, it is better to hide the image you have use for desktop screen on mobile screen. Then create another layer that will only show on mobile device using an image that will fit which is portrait image type.

Hope this helps.

[Author]

Posts