Reputation: 1234
I am trying to create a website,but the sidebar is not aligning to the main content of the website and is overlapping another div. Link to the website http://www.inseeks.com/
Upvotes: 1
Views: 204
Reputation: 12469
position: absolute;
on .site-main .sidebar-container
width: 100%;
to width: 300px;
float: right;
Add the following style to the css.
#primary
{
float: left;
}
That above should change so the sidebar will be on the left and no longer be overlapping the other content.
Upvotes: 0
Reputation: 774
.site-main .sidebar-inner {
margin: 6px auto;
position: absolute;
top: 0;
}
Upvotes: 2
Reputation: 1668
Try placing your .sidebar-inner
inside your #content
<div id="content" class="site-content" role="main">
<div class="sidebar-inner">
Then float it to the right.
.sidebar-inner {
float: right;
//add necessary paddings or margins.
}
Upvotes: 0