John Schuster

Just to clarify, you’ll need to edit the style.css file and create those divs in order to see those changes. I’m away from my editors right now but I’ll try to throw some code together for you in a little bit.

Hi there Karina

It looks like you’ll need to do two things,

1: Put the script for the two divs in the post header
2: add a little CSS to those divs to get them sitting next to each other.

I tried just a simple float: left for the Google Plus div and a float: right for the Like button div. I also had to lower the width of the Google Plus div to around 80px so the margin between the two was so huge. You’ll probably want to play around with the width to get it just how you like it.

You could either do temporary URLs as esmi suggested or use XAMPP to install a local copy of WordPress on your machine.

As you mentioned before, sharing your progress might be a little challenging as all information will be hosted locally on your computer, but I’m sure you can send screenshots or use something like Google Hangouts to screen share with your client to provide some live interaction to the site.

Hey there Stan,

This may not be exactly what you need as I didn’t do a thorough test across your site, but this might do what you need:

Open up the style.css file and head down to line 1508-1521, and give this a try.

}
	.main-navigation li ul {
		display: none;
		margin: 0 0 0 -25%;
		padding: 0;
		position: absolute;
		top: 100%;
		z-index: 1;
	}
	.main-navigation li ul ul {
		top: 0;
		left: 100%;
		padding-left: 50px;
	}

I couldn’t get all of the ul’s centered as I basically had to bulk move all of them to the left by 25%, but that looks a little closer to what it sounds like you wanted.