Streaming live at 10am (PST)

Imac, laptop, tablet, phone slider size


#1

IHello, on the manufacture page I have a slider and the size of my pics are 2000x650 which look great in laptop and tablet and phone, but when I open it on an I mac 27 inches the pic doesn't take up the whole slide, what do i need to do in order to look right on all of them?

Here is my read only link: https://preview.webflow.com/preview/athinas-radical-site?preview=6b8fdd5994d87b7cb2eb24014c653fe8


Here is my public share link: LINK
(how to access public share link)


Responsive Link
#2

Instead of background size: cover, use background size: contain instead.

The alternative is to extend the canvas such that the aspect ratio of your image is about 16:9


#3

Hello,

my image is in an image element it is not placed on the background


#4

My apologies, I thought you were referring to the image behind the word "Brands".

If that is the case, there are two options for you.

  1. Use background image for each slide, and select cover, center align. This will fit the image to the slide, and trim/hide the parts that are not able to fit due to aspect ratio.

  2. Set height of slider to be 50vh or similar.


#5

Thank you for your reply but i am trying to get the picture to fit the slide vertically and horizontally and none of those two options do that!!! Thank i will just have to keep trying!!!


#6

I have one more question, on the manufacture page I have a slider and the size of my pics are 2000x650 which look great in laptop and tablet and phone, but when I open it on an I mac 27 inches the pic doesn't take up the whole slide, what do i need to do in order to look right on all of them?


#7

Could you provide a published live url please?


#8

@Daniel_Schultheiss https://preview.webflow.com/preview/athinas-radical-site?preview=6b8fdd5994d87b7cb2eb24014c653fe8

Any tips???
Thank you


#9

@athina_tzan: Daniel meant the URL of your website: http://athinas-radical-site.webflow.io


#10

Consider uploading images with width 2560px, or don't use a full width container.


#11

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