Full width slider messes up slider height

  • Front Page > Full width slider – check on
    then my slider images that are 1170 x 500

    if i set the “Set slider’s height in pixels” to 500 the slider top and bottom get clipped. (i guess because the browser widow is stretched wide so customizr has to scale up the slider height?

    but if i set the “Set slider’s height in pixels” to 800 it looks better and not clipped (top/bottom) in the back end window but then going to view in front page with browser the slider is still getting clipped. not sure what’s going on here?

    if i uncheck Full width slider then the slider looks fine as fixed 1170 x 500.

    thanks for any help!

    https://rockitkayak.com/

    ps. using latest customizr but don’t see the version number.

Viewing 3 replies - 1 through 3 (of 3 total)

  • hi freshwater,

    I am not really an expert on this.
    when I had this kind of issue I just make sure my pictures had the good size 1170 width x the height I wanted, otherwise it was strechted in the way i didnot want.

    If I check your pictures they are 1872 x 800. I think this is the reason that when you choose 800 px height it looks like better.

    Thread Starter freshwater

    (@freshwater)

    wph4, the 3 images in the front page slider are 1170×500. i have the customizr front page slider option set to 500.

    thanks for reply but i don’t see anything wrong!

    Hi,

    Use the following css code in your child theme style.css

    .item img {
    transform: scaleY(0.85) !important;
}

    It should look much better.
    https://i.imgur.com/PL5XiIO.jpg

    Thank you

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Full width slider messes up slider height’ is closed to new replies.