Sidebar on the bottom not on the right

Hey there,

You’ll probably want to change some of the span classes and use them as intended rather than this, but you could do:

#primary{float: left; width:76%;}
    #content{width:90%}
    #secondary{float:left;}

Hope this helps.

Thanks for the tip…I was really hoping to fix it with the current set up….as it seems like I am missing something really small.

When I have the page set up without the blog entry it works fine – its when the blog entry gets added that the sidebar moves to the bottom if that sheds any light.

Anyone else have any ideas??

Hey there,

I’m suggesting you use it with the current setup.

If you look at the pages the two sections use col1 and col2 classes to align them next to each other within the-content container:

https://monosnap.com/image/l0XAxzpsegFvTS0eDiITXCmxjUZnux

You’ll see these are in the primary, there is no sidebar there.

Your blog doesn’t, this uses primary and sidebar:

https://monosnap.com/image/0jWHzofUFL1W0R15uhXx826oIQCq9p

This is why they align differently.

Take care.

Yes, I realise they are different – but how do I make the side bar sit on the side, not the bottom.

Hey there,

I see some changes on your site since my original response, the CSS I provided did this and I tested through developer tools.

Looking today you can use this:

#primary{float: left; width:50%;}
#content{width:100%}

It will look as this does:

https://monosnap.com/image/fsGDRtntVQ2F0P7rALuMCyKGKISQag

Take care.

Yay, thanks so much. I had to tweak it a little as it was affecting all of the pages but have it working now.

Thanks so much, really appreciate you staying with it.