White bar under Classic slider in mobile

[brianbaker33]

I am using the CSS to remove the bar under the slider and it works great on desktop. However, when viewing on mobile, there is a white bar under the slider. What am I missing?

new.cchammonton.org

[Prasant]

Hello @brianbaker33,

Thanks for asking.

Yes, on mobile I can see spacing after slider. Please add following CSS under X > Theme Options > CSS to remove the same:

@media only screen and (max-width: 600px) {
    .x-flexslider-shortcode-container {
    margin-bottom: 0 !important;
}
}

I have found the proper CSS code selector using the Chrome browser Developer Toolbar:

For the CSS code itself, I suggest that you get started with this tutorial:

Thanks.