Padding on revolution slider on mobile

[EarlySigns]

Hi there,

I normally use this code to make the padding I create on my pages mobile responsive.

@media (max-width:480px) {

.x-section {
padding: 0.5em !important;
}
}

However, this also affects the revolution slider on mobile, which also has the same padding.
Is there a way to eliminate this padding from the slider when displayed on mobile?
Grateful for any help.

http://www.simplysignspreview.com/jandkflowers/wp-content/uploads/2018/06/padding-mobile.jpg

[ruenel]

Hello There,

Thanks for writing in! Your css code will always affect the slider especially if you have inserted the slider within the section. You will have to force the slider to become fullwidth so that it will occupy the whole width overriding the css of the section. To do that, please edit your slider and make sure that your slider layout is “Fullwidth” and not set to Auto.

If you intended to place the slider below that navigation, it is best that you remove the section containing the slider and must apply the slider using the Slider Settings which can be found in your page edit settings. To know more how you can integrate a slider below your masthead or navigation header, please check out this knowledge base article: https://theme.co/apex/forum/t/features-sliders/97/1

Hope this helps.

[EarlySigns]

Hi there,

I found a better solution. I just needed to make the top and bottom margins -2 within the Pro page builder, on the separate section I created for the mobile slider. But thanks for your help in any case.

[basanta]

Glad that you figure it out.

You are most welcome!