Search code examples
csswordpresssliderthemesfuse

Slider Revolution, reducing left margin/padding on mobile

Checked everywhere and tried a lot of different things, still nothing works.

Site is www.livehealthyacademy.com

I am trying to get rid of left margin/padding on mobile for my slider revolution. I want the slider to span the entire width. Any CSS that will help me out with this? I've tried these different lines below, tried some others as well. Not familiar with this type of CSS so Im simply copy and pasting what others have said works for them.

.entry-content .rev_slider ul {padding-left: 0 !important; margin-left: 0 !important}

.entry .rev_slider ul {padding-left: 0 !important; margin-left: 0 !important}

.content .rev_slider ul {padding-left: 0 !important; margin-left: 0 !important}

#content .rev_slider ul {padding-left: 0 !important; margin-left: 0 !important}

.rev_slider ul {padding-left: 0 !important; margin-left: 0 !important}

#sliders-container {
margin: 0 20px !important}

Thanks

2: View custom class here

Solution

  • The problem is the div that's the main container for the row. The class "col-sm-12" adds padding to elements within it. I usually have a "no-mobile-padding" css rule and then add it where I don't want padding.

    Add this:

    div#column-1cd465cfdcf85c93601bd492fa0a9e36 {
padding: 0;

    }

    Hope it helps bud

    highlighted element