Archived topic
how to align blog content to left when using primary-nav in fixed left sidebar
7 replies · Started by Ranjit on August 5, 2018
I have placed the primary navigation in left sidebar (fixed). Have set the container size to 700px as I want the central content area to remain small. On desktops the content area aligns centrally - is it possible to move this more towards left - closer to the fixed left sidebar (primary nav area)?
Hi there,
having a % width sidebar makes it a little tricky to keep the gap consistent. If this was set to a fixed width on desktop, say 300px, then you could apply the same to the left margins of the .site
Thanks! David, that worked! However the site info footer is still out of alignment. Tried a few things - didn't seem to work - can you suggest how to fix that?
We can try this:
.site-footer {
max-width: 700px;
margin-left: 230px;
}Thanks! David, that works!
One more quick thing - the .site-content container(div) seems to have a large margin/padding from the left (maybe an empty space for the left sidebar). However, the left sidebar in my case is positioned fixed to the left - Is there any way to get rid of the large margin/padding on the left in .site-content area?
Yes that gap is where the sidebar belongs in. you could do this:
.site-content .content-area.push-15 {
left: 0;
}Just member to adjust the margin on the .site
Thanks! David that's perfect...! I am good for now. :)
Glad to be of help!
