Sidebar and Alignment of the circles

I have a left-aligned sidebar on all pages except the homepage on my site. So if you’re interested in that let me know and I might be able to help you out.
Unfortunately, I’m not skilled enough to extrapolate my solution to a right-aligned side-bar.

Cheers,
Roel

Hi Roel,

Thanks for replying back.
I browsed through your website and I must say that it is simple and elegant. Good job!
I would much appreciate it if you could guide me as to how you created the side-bar on the left in your site. I too am new to this but I can try to figure out a way to make it right-aligned.
Thanks in advance.

Thanks for the compliment. Sure I can tell you, but first a couple of disclaimers:

1. Make sure you make a backup of your website first, because I wouldn’t want to be the reason your website goes down. ??
2. I changed my website so the circles represent pages, not posts. I’m not sure if did the same to your site. If you didn’t then I don’t know if this will work, although it might.
3. While I managed to get a menu on the left side of the website, I haven’t been able (yet) to prevent the content from scrolling over the menu when you scroll from left to right. On big screens like computers it isn’t a problem, but it might be on mobile devices.

But here it goes. Copy the index.php (called Main Index Template) file to your child theme folder and delete the following line:
<?php get_sidebar(); ?>

This will make sure that your menu won’t show on the homepage but will on all the other pages.

Next, add this to your child theme css.

#secondary {
clear: both;
display: block;
padding: 0px 0;
position: fixed;
top: 150px;
font-size: 16px;
font-size: 1.6rem;
font-weight: 100;
}

You might have to fiddle around with things like position, padding and top to get it in the exact position where you want it. If you need to adjust the width of the menu then this is the code, I think:

.widget-column {
	width: 200%;
}

Finally, go into your WordPress dashboard, click Appearance -> Menus. and create a new menu. Then go to “Widgets” in your dashboard and drag “Custom Menu” into Sidebar 1 and select the menu you’ve just created from the drop-down menu.

Hope this helps.
Cheers,
Roel

Hi Roel,

Thank you so much for sharing the codes with me. Yes, the instructions were very useful and thanks to you, now my website has a conventional sidebar!
Thanks again.

No problem, glad it worked out. I just had a look and I see you even managed to get it to the right hand side. Now I have a question for you…When I make my browser really small, your content and menu stay fixed (in the place where they are). In mine, when I do that, I can scroll my content over my menu, which I really don’t like. Can you tell me how you fixed this?

Cheers,
Roel

Hi Roel,
Could you please explain how you changed the circles to show pages and not posts?
Thank you!