2nd slider (of 3) small and off-center

  • Resolved lukefive

    (@lukefive)


    4 years, 9 months ago

    All solved except viewing the splash on iPad.
    The second slider on this page–on iPad–is off-center and too small. I tinkered with the CSS this morning and made it worse. I tried removing that new code.

    For the Nextend folks who keep seeing me with this same project; it’s the first time I’ve used your slider, and the project involves heavy customization.

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Support Gabor

    (@nextendweb_gabor)

    Hi @lukefive!

    You are setting the slider placements to float:
    https://staging2.505architects.com/wp-content/themes/atmosphere-pro/style.css
    line 2347.:

    figure.splash_slider_right > div.contain_slider {
    float: right;
}
figure.splash_slider_right > div {
    float: right;
    margin-left: 1.5em;
}
figure.splash_slider_left > div.contain_slider {
    float: left;
    margin-right: 1em;
}

    but there isn’t any width specified for them. In this case browsers can have different behaviors about how wide this content actually going to be and the resizing behavior is quite bad too. So you need to set a width, for example:

    div.contain_slider {
  width:60%;
}
    Thread Starter lukefive

    (@lukefive)

    So, instead of rare obscure problem it was CSS 101. Yipes.

    The only place I’m still seeing problems is iPad “landscape” orientation.
    Dev tools say .contain_slider is OK, so I’m looking for a bad CSS selector pointing somewhere into the contents.

    Thread Starter lukefive

    (@lukefive)

    I just went into the SmartSlider controls and turned off Limit Slide Width.
    The problem now seems fixed. Plus, more fun than plowing through CSS.

    I will check with the client to be sure. His iPad finds all the flaws.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘2nd slider (of 3) small and off-center’ is closed to new replies.