ShaiRoelud

Whoops, my last code contains .sticky { } Forget about that part. ??

For some reason your site doesn’t work but concerning your question…I hope you have a child theme in place. If not, maybe ask your coder friend about that.

Try to locate the following in the theme’s style.css (values may vary, these are from a site I built for my boss):

.single .hentry,
.error404 .hentry,
.page .hentry,
.search-no-results .no-results {
	margin: 8em 10em 1.5em;
	padding: 0px 0px;
	width: 700px;
	height: auto;
	z-index: 10;
}

Copy-paste this in your child theme’s style.css and play around with the values. You probably only need the width-value so it would look something like:

.sticky {
}
.single .hentry,
.error404 .hentry,
.page .hentry,
.search-no-results .no-results {
	width: 1200px;
}

Hope this helps,
Cheers,
Roel

Hi Olivia,

In order to change the order of the circles, you have to change the date they were published. Go to your pages in your dashboard and click the page you want last in line. Change “Published on” (right upper corner under Publish) to for instance January 1st, 2013. Click “Update”.

Next, go to the 2nd to last in line. Follow the same procedure but set it to January 2nd, 2013…and so on. That should work.

Concerning the home menu item…you should be able to delete that under Appearances -> Menus. As to why the order is off. Somehow, WordPress seems to be organizing them in alphabetical order (except for the home button).

Did you make sure that you selected the right menu under Customize -> Navigation? Under Appearance -> Menus, make a menu with the items you want in your top menu and in the right order (top to bottom is right to left I think). Name the menu for instance “Top Menu” and save it.

Go to Customize and subsequently under Navigation choose “Top Menu” from the drop down list. Save and you should be good to go

Hope this helps,
Cheers,
Roel

Ha, nevermind, I think I solved it (this happens a lot right after I post a question on a wordpress forum, hehe). I had it set to “Master”, but “Group” seems to do the trick. Thanks for the great plugin.

Hi Amanda,

I had a look at my CSS again and maybe if you try to copy everything I did that is related to my research page it might work. If it does work, you van delete stuff that you don’t think you need. I think it’s probably the .page-id-9 .hentry code.
Just make sure you swap the id number in my code for the id number of your blog page:

.page-id-9 #primary {
	margin: 8em 13em 1.5em;
	padding: 0;
	width: 100%;
}

.page-id-9 #content {
	margin:alignment-adjust:central;
	width:40em;
}

.page-id-9 .hentry {
height: auto;
margin: 10px;
padding: 0px;
z-index: 10;
float: left;
width: 180px !important;
}

If this doesn’t work, I’m afraid I have no clue how to help you unless I get a brilliant brain wave in the near future.

Good Luck!

Sure, it’s this website.

All my pages except the homepage have a menu on the left hand size. When you make your browser small (or when your screen is small) you’re able to scroll the contents of a page over the menu, which isn’t really what I would like to to have happen.

What I basically want is that visitors can scroll vertically, but not horizontally. I’ve tried to figure it out, but the only thing I could find is that this would require a javascript file.

I’ve done this using the solution presented here although I copied the mentioned file to my child theme and changed it there.

I hope this helps.

Is this what you’re looking for?

I can, but unfortunately not right now. I’ll get back to you when I have a little more time. Sorry about that.

The articles on that page are child pages of the research page, not categories. How Amanda did hers I don’t know.

@ Amanda: I’ll try to have another look at my CSS but it will probably be at the end of this week.

@ Banjer: Unfortunately, I don’t use categories, so I don’t have any experience with that.

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

Amanda, I don’t know why it isn’t working. Below you can find what I think I did. Even though I already described it earlier, I might have missed a step or you did while trying, so I hope this is clearer.

Try this…after you made sure you have a backup of your site of course ??

Make a copy of the index.php file into your child theme folder and rename it to (for instance) blog-index.php.

Add this in the beginning:

/*
Template Name: Blog menu
*/

and change
get_template_part( 'content', 'home' ); to get_template_part( 'content', 'blog' );

Next, make a copy of the content-home.php file into your child theme folder and call it content-blog.php. I don’t think I made any changes to that one.

Now (and I think I missed that step when I wrote you earlier) go into your WordPress dashboard and go to the page where you have your blog. Go to “Page Attributes” on the right and go to the Template Dropdown Menu. It should give you the choice to select Blog Menu or whatever you called. Select it and update the page.

And I think it should work then. I’ve added code to my child theme css that is just related to how I want to organize the circles etc. so you might have to do that as well, but first give this a try.

Cheers,
Roel

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

I’ll have a look at my child style.css file. I do know that the .page-9-id code refers to my research page, so I guess you need some css code in your child theme style.css for your blog page as well.

Sorry that I can’t be of more help. This was the first website I built and it was a slow and sometimes painful process. ?? But I did learn a lot.