What is wrong with the sidebar of my website?


#1

The sidebar on my website is not at the right place, its not showing on the side :frowning: www.universescience.in ) but on static pages (http://www.universescience.in/p/about-us.html) its at the right place that is at the side of the page? Can you help me? whats wrong with the sidebar,how can i fix its position back?


#2

Remove width from your .main-wrapper and change your .main-wrapper margin to 0:

.main-wrapper {
    width: auto;
    margin: 0;
}

then find #content on your template, change width to 70% like this:

#content {
    background: #fff;
    border-right: 1px solid #eee;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    float: left;
    position: relative;
    width: 70%;
}

#3

Thanks a lot, This worked! i applied this CSS to my template everything is fine now!


#4

but it has created trouble in my mobile template? the width of the page in mobile devices is only 70% now?


#5

Use media queries m8 :wink: :

@media (max-width:810px){
#content,#sidebar {
float:none;
display:block;
width:auto;
margin:20px}
}

#6

thnx anyway i changed the template, @media queries didn’t worked in the last template!