Can I increase the height of the slider with a media query?

  • Resolved Elevate

    (@jenclickspring)


    6 years, 7 months ago

    Hi,

    So my slider looks too short on mobile (flexslider). I see that the height chosen in the settings is set inline in the HTML code…so I can’t override it. Using CSS just isn’t working.

    How can I change the dimensions of the slider for mobile only?

    Thanks!

    • This topic was modified 6 years, 7 months ago by Elevate.
    • This topic was modified 6 years, 7 months ago by Elevate.
    • This topic was modified 6 years, 7 months ago by Elevate.
Viewing 4 replies - 1 through 4 (of 4 total)

  • Hi @jenclickspring,

    If you don’t mind the images being a little cut off, you could try adding a style rule like:

    .metaslider .slides img {
    width: auto;
}

    Let me know how that works out.

    Thread Starter Elevate

    (@jenclickspring)

    Thanks for your assistance, but unfortunately the CSS above doesn’t work. It actually breaks my page whole layout (I’m using Bootstrap). It makes the entire page 100% width because I think it’s conflicting with Bootstrap.

    Any other ideas?

    Thanks!

    Hi @jenclickspring,

    Do you have a link to the site? Maybe I can take a quick look and see what’s going on.

    Hi @jenclickspring,

    I’ll mark this as resolved since we didn’t hear back from you, but please open a new issue if you have any more problems. Have a good weekend!

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Can I increase the height of the slider with a media query?’ is closed to new replies.