disable class but not the content on smaller device

188
July 08, 2017, at 12:57 PM

i have a affix sidebar which i hide when the page opened from smaller screen, but when i added the main content it hides behind the sidebar so i add margin-left:200px; on the content now it working properly on bigger screen but when i open the page from smaller screen i got really thin content

this is my sidebar

    <div class="main-nav">
<div class="row">
<div class="hidden-xs visible-sm visible-md visible-lg">
    <div class="col-md-2 affix">
        <div class="list-group">
            <a href="javascript:void(0);" class="list-group-item"><i class="fa fa-dollar"> </i> Lorem Ipsum</a>
            <a href="javascript:void(0);" class="list-group-item"><i class="fa fa-users"> </i> Lorem Ipsum</a>
            <a href="javascript:void(0);" class="list-group-item"><i class="fa fa-dashboard"> </i> Lorem Ipsum</a>
            <a href="javascript:void(0);" class="list-group-item"><i class="fa fa-unlock"> </i> Lorem Ipsum</a>
        </div>
    </div>
</div>
</div>

the css

.main-nav {
margin-left: 10px;
margin-right: 10px;

}

and this is part of my main content

pastebin com 7mxAzDTi

the css

.main-content {
margin-left: 220px;
margin-right: 10px;
min-height: 800px;

}

READ ALSO
postcss and using @if with @import

postcss and using @if with @import

Postcss is praised for its modularity and speed with respect to monolithic preprocessors like SASSOn my first endeavors with postcss I wanted to do something like:

335
how do i reference an id with concatenated variable in jquery appendTo()?

how do i reference an id with concatenated variable in jquery appendTo()?

I am appending html code to a div using jqueryPart of that code references a div's id using a concatenated variable from a loop

305
Hide with CSS , Javascript or PHP which is better [on hold]

Hide with CSS , Javascript or PHP which is better [on hold]

I was making this Wordpress theme planing on making it premium and need the best advice i can get before i go fully into the theme option, I love CSS in fact I believe I could do a whole lot of things with it

262
Datatables Pagination buttons disappear using CSS

Datatables Pagination buttons disappear using CSS

I am using DataTables and I am changing the pagination buttons using CSSIT is taking the affect but they do not show until I click on one

403