Streaming live at 10am (PST)

Slider component


#1

Hi Webflow support,

I have a question regarding the size of images in the - slider component mode
When I am viewing the slider component in the desktop, tablet mode the images are viewable, but when I view them in the mobile landscape and vertical mode the images are cut off - half viewable.

Is there a way to fix this issue in the both mobile platforms?
Is there a way to make the images smaller to fit both mobile platforms?

website url address:
http://co-optmusic.webflow.io/

Thanks for the help,
Chris Stone


#2

Hi @Christopher_Stone

Can you please update your post with some more information so we can help you faster? Things like screenshots and your environment info really speed things up.

Posting guidelines can be found here: http://forum.webflow.com/t/posting-guidelines-for-the-need-help-category/8094

Thanks in advance! smile


#3

Hi @Christopher_Stone, could you share the read-only link to the site and a screenshot of the slider in question as shown in the designer? That will help to to make the process of helping faster :smile:

http://help.webflow.com/faq/how-do-i-share-my-sites-read-only-link


#4

https://preview.webflow.com/preview/co-optmusic?preview=c4f287df3a646639e5cd96b1de4e89ee

Hi there,

Hope I am doing this correctly.
Attached are the screen shots for the desktop and mobile platforms for:
http://co-optmusic.webflow.io/album

When I am viewing the slider component in the desktop, tablet mode the images are viewable, but when I view them in the mobile landscape and vertical mode the images are cut off - half viewable.

Is there a way to fix this issue in the both mobile platforms?
Is there a way to make the images smaller to fit both mobile platforms?

Thanks Again for the help on this,
Chris Stone


#5

Hi @Christopher_Stone, thanks for the read-only link and the screenshots, that is very helpful :smile:

After looking at the site, it seems the slider images are background images using the background-cover style:

When the viewport gets smaller, a bg image using the background-cover style will get cropped. When the viewport area gets larger, the bg image will zoom in.

To get around this, you can set the background image style to Contain with the Tile set to off:

That is one solution to try, I hope this helps, if not, let me know and I am happy to take another look.


#6

Hi CyberDave,

THAT WORKED.
Thank you soooooo much for helping me out on this.

You Rock,
Chris Stone


#7

This topic was automatically closed after 60 days. New replies are no longer allowed.