carisma_sensei: (Default)
Janna ([personal profile] carisma_sensei) wrote in [community profile] style_system2017-06-27 05:14 pm

Sidebar wonky on reading and tags page

Hi! I'm having a bit of a problem here. I wanted to edit a layout I made for a friend to use on her community. It has a fixed navigation at the bottom of the page which I don't know if could be causing this problem, but the sidebar looks right on recent entries page but it looks wonky everywhere else.

I have it testing here so you can look through the css. If you could help me out a bit D: I would be very grateful.
vorador: (Default)

[personal profile] vorador 2017-07-07 10:53 am (UTC)(link)
i don't know if this is what's causing the problem, but the top margin for .module-section-two is too high and it pulls the sidebar way up and out of the viewport.
rosecarmine: (Default)

[personal profile] rosecarmine 2017-07-08 12:48 pm (UTC)(link)
Dear, you don't need to use margins for the sidebar since you already used "position:absolute". Replace "margin-top" and "margin-left" with "top" and "left" and add "position:relative" to #wrap.

#wrap {
margin: 0 auto;
padding:0px;
position:relative;
}

.module-section-two {
position: absolute;
top: 0;
left: 100px;
width: 200px;
padding: 10px;
color: #000000;
background: transparent;
/* this must stay at the bottom of this code as in some circumstances
it closes one declaration and opens another one */
}