No problem. What you’ll want to change is one of these 3 lines in your style.css
#rap { width: 620px; } <– Width of your whole page
#content { width: 469px; } <!– Width of your posts
#menu { width: 120px; } <!– Width of your sidebar
So for instance, you could change #content to #content { width: 450px; } That’ll make your post area a little smaller so your sidebar should fit. You’ll have to play with that number, 450px is just an estimate.
Unfortunately, there’s a bigger problem to fix first.
If you look at your sidebar you’ll see that it’s a mess of
and
- tags. The problem is they’re not properly closed and that can cause major display problems. You need to go through your sidebar.php file and make sure the tags open and close properly.
You can see examples of how lists work at https://htmldog.com/guides/htmlbeginner/lists/
To make it easier to work you might want to make a backup of your sidebar.php and then erase most of your sidebar content. Just focus on getting one section, say the Categories, laid out properly. Once it’s working you can add back in the other sections following your working example.
Oh, when you get the category formatted properly, if the sidebar is still below the posts you might want to change the #content to #content { width: 400px; } so there will definitely be enough room to display side by side. Once it’s all figured out you can increase this value upwards until the sidebar is pushed down. That’s the ol’ brute force method to getting the width right!
It’s probably a little confusing but give it a try and let me know how it’s going.
