How To Change Order of Circles (As Pages)

Hi guys

Since I wrote this I don’t know what has happened but my menu order has changed.

Please can someone help me to fix this, ihave no idea how this has happened.

The menu order is not what is in the menu in my appearance tab: https://grab.by/rNi8 i tried deleting the menu and re-adding it and it is being overridden by this order of menu currently: oliviapoole.co.uk

Menu order should be from Left to Right:

About Me | Services | Portfolio | Blog | Tumblr | Contact

I also want the same order for the circles from left to right.

If anyone could help that would be great.

thanks

I forgot to mention It has also added a home menu in the nav which previously wasn’t there!

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

Thank you so much for that, I have fixed both issues!

It was because the menu had be de-selected under customise -> navigation.

I had a coder friend toggle my menu to the left so just need to undo that and then the nav will look great!

One last question, If I may.

Do you know how to increase the width of the content pages on both the homepage (area where circles are), and the pages themselves i.e https://www.oliviapoole.co.uk/pageabout-me/

Many thanks for your help, very kind!

Olivia

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

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

Hi Roel

Thanks again for your time and help.

I changed the code as per your suggestion, it has widened the content area however the area has only expanded to the right, so now the content looks more aligned to the right of the screen than the left, any ideas on how to make it equal weighted so it looks more centralised?

Best & thank you

Olivia

Hi Olivia,

I had a quick peek at your site, but cannot really see what you mean. When I look at your “About”-page, it looks pretty centered on my screen and in my browser. The circles on your homepage also look centered to me. So did you manage to fix it or am I missing something?

Cheers,
Roel