Modern Slider Part 2

dear support team,

i just can’t give up, yet :wink:

my question refers to the scaling of the slider pictures on mobile devices. here is my first topic regarding this:

the instructions do not produce anything close to what i understand of a scaled down image.

so i wonder:

is there a way to show a different (manually cropped) picture for small screen sizes? eg. a smaller and square one?

because the way it is now the picture is just cut off to the left and right. that does not look good at all.

another way would be to have a mix of techniques (which i have seen in other sliders) to deal with the problem. eg. cut off maybe 20% to the left and right and at the same time scale the picture down to maybe 60% of its original size.

you see. i am looking for a nice way to show the same picture on smaller screens than it is now.

any ideas or input is much appreciated!!! best wishes, kai

Hey Kai,

If you’re using the same setup as the Hero Posts Slider where you have a Div (Figure) with Image element inside, you’ll just duplicate the Div element, replace the image in the copy to a square image and hide the Div (Figure) elements per screen breakpoint (size) using the Hide During Breakpoints feature.

image

You need to match the aspect ratio of the image and the slide container. This is still important even if you have different versions of the image.

If you don’t match the aspect ratio of the image and the slide container, you’ll either:

  1. see a cropped image like you have now
  2. or, see black bars on the sides of the image

If you choose the black bars instead of cropping, inspect the Image element and set the Object Fit to Contain.

image

image

Thanks.

dear christian,

thanks for your reply and help!

i tried again and just do not get anywhere close to what i want to achive.

i now switched to layer slider (revolution slider is not an option because i would need to look too often in the manual for even the simplest things) and am quite satisfied with it.

i must say, that i am totally disappointed in the supposedly easy to use modern slider. the only advantage is, that is is so perfectly integrated in the theme. but the usage is a nightmare i am afraid to say.

i now hope that gridorama is not the same. i also bought the whole package lately but did not test it out yet.

i hope for some updates for modern sliders that they might get easier to use.

best wishes, kai

Hey Kai,

We are sorry that it is so hard to implement things on your part but if you are used how the moderns sliders is made, you can make fancy design. You can also watch the course in your themeco dashboard to know some techniques on how to achieve your desired layout.

Thank you.

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