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;
}
Controller Advice bean not instantiated at proper order in Spring Boot 2.4
What should I enter to the connection string to connect my NodeJS application to a MongoDB server?
Unable to use Computed Property Values with Dots - Unable to Set as String - JS
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:
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
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
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