How do I add a media query to MetaSlider?

  • Hello! I’m trying to add a media query for MetaSlider to my site. I would like for the MetaSlider to go from a 1000px width, until the screen reaches about 1200px then I would like the slider to fill the browser 100%. I thought I did it correctly by adding this to the css: 

    @media (max-width: 1277px) {
.metaslider.hompeage {
width: 100%;
}
}

    Any help would be great. Thanks!

Viewing 1 replies (of 1 total)
  • Thread Starter ginakeynote

    (@ginakeynote)

    Discovered it myself! In case anyone stumbles across this, I added this to the boostrap.css file in the library folder: 

    @media (max-width: 1277px) {
{div[style].metaslider.metaslider-flex.metaslider-33.ml-slider.SLIDER-CLASS-NAME {
max-width: 100% !important;}
}

    Just fill in SLIDER-CLASS-NAME with the name you gave your slider and it worked like a charm!

Viewing 1 replies (of 1 total)
  • The topic ‘How do I add a media query to MetaSlider?’ is closed to new replies.