-
Posts
-
Hi,
I am developing a site and am using a full width easy slider on each page. The image in the slider is 1376px. The website is a full width layout with 1030px width.
When the browser width goes below 1376px, the default behaviour of the full width easy slider is that the image in the slider starts to shrink to remain fully visible. What I would like is that the image only starts to shrink when the browser width is below 1030px. The rest of the image should until this point be invisible (outside the borders of the browser).
I’ve tried to set a minimum height in the options, but that doesn’t do the trick. Any idea how I can make this happen? If this means using another element that’s fine too.
Thanks!
Hey Daniel,
I’m not sure I understand what you are asking, do you want the image to have a fixed width on all screen sizes above 1030 pixels?
Best regards,
RikardHi Rikard,
Check the image in the section below. The dotted lines are the lines where the image should start shrinking according to the browser width, the rest of the image should at this point be outside the view. Does this make it clearer?
PS. To answer your question do you want the image to have a fixed width on all screen sizes above 1030 pixels?: I want the image to keep it’s full (wider than 1030px) width on screen sizes until 1030px, below that keep 1030px width of the image visible (instead of the complete image).
Thanks,
DanielHi Daniel,
Unfortunately, it would require quite some time and customization of the theme to achieve this, so I am sorry to tell you that this is not covered by our support. However, if it’s really important for you to get this done, you can always hire a freelancer to do the job for you :)
Best regards,
VictoriaThanks Victoria,
We fixed it by cutting the image and using a background image that doesn’t shrink with a smaller browser width.
Thanks for your help!
- You must be logged in to reply to this topic.