Slider image adjustments


#1

Would it be possible to have slider images, resized / crop differently.

I mean at moment the slider image is show nicely on mobile and wide screens but on laptop screen it cuts lower part of image.

What I would like to do is have upper part of image cut when screen resolution ratio is different than image ratio.

How I could achieve this?


#2

No, you can’t change the background position on the y-axis without affecting the parallax effect.
What you could do is see between what resolutions you don’t like how it’s showing, then do a media query like this:


@media only screen 
  and (min-device-width: 1100px) 
  and (max-device-width: 1300px) { 
     .slides-container .slide-item {
          background-position-y: -100px !important;
    }
}

Adjust as needed, but note that you’ll lose the parallax effect for that resolution interval.


#3

Thanks Vlad

I did add the code above to style CSS but can’t see any effect.
Loosing parallax effect is not an issue. For me it’s more important the image view than the parallax effect.

Would you want to have login credentials to see how it looks?


#4

Yeah, vlad[at]athemes.com
And let me know on what’s the screen resolution that bothers you please.