Docs

[Papabear1609]

Hi there,

My image is being cropped too much on the mobile version of my site, how do i rectify this problem?

my url is http://ftmv.org/artist-profile/

Thank you very much!

[Papabear1609]

Hello,

I am currently making a slider with Soliloquy and would like to know how to make the images and the slider full screen on a mobile device.

Please help!

THanks

The url is http://ftmv.org/home/

[Friech]

Hi There,

Thanks for writing in! You can add this under Custom > CSS in the Customizer.

@media only screen and (orientation: portrait) {
	.soliloquy-container .soliloquy-viewport,
	.soliloquy-container .soliloquy-clone,
	.soliloquy-container .soliloquy-image {
		height: 100vh !important;
	}
}

But you can not really fit a landscape image to an portrait container, because it would look squeeze and stitch.

Thanks.

[Papabear1609]

Would I then need to create seperate images for the mobile version of my site in soliloquy?

Also the mobile version has cropped my image on the artist profile and the main focal point is being lost, how do i sort this problem out?

http://ftmv.org/artist-profile/

Thank you for your help!

[Rupok]

Hi there,

Thanks for writing back. You can’t create different images for mobile rather different slider. But it would be better if you use a standard dimension that fits for both landscape an d portrait.

Your image’s focal point is on the middle of the middle and left so there is no way to retain the position for all devices. You might be interested to crop the image to keep the focal on center.

Cheers!

[Author]

Posts