Menu positioning and spacing

First, no need to apologize.

Regarding your main menu and how to get it to center again, on my end it’s centered. If yours is not, clear your browser cache and see if that helps.

The link spacing from what I can see, you did this:

@media (min-width: 48em) {
.main-navigation ul li a {
    padding: 0px 0px;
    color: #000;
    display: inline-block;
    text-decoration: none;
}
}

You made the padding 0px 0px ??

But that is what you can adjust the padding. So for the top and bottom, you would do something like this custom CSS:

@media (min-width: 48em) {
.main-navigation ul li a {
    padding: 5px 0;
}
}

Also, if you made changes to the theme’s style.css, that is actually a really bad way to make custom changes because whenever a new update comes along for this theme, you will lose all your changes.

For just CSS changes, use your jetpack’s Custom CSS feature (unless you are using it).

I did not know you lose all your changes, that is a scary thought haha. I’ll only use custom from now on.

Thanks! The spacing is way better now. Is it possible to get a little space between the logo and first link?

Scary yes….I know many who made a ton of modifications to the theme files and did an update when one came along; they lost everything.

Logo and menu spacing:

@media (min-width: 48em) {
#site-branding {
    margin-bottom: 20px;
}
}

Side Note and Recommendation: Always make site backups before modifying, updating, or upgrading anything, whether it’s a theme, plugin, and especially WordPress itself. Look into backup options such as UpDraft Plus or any other popular plugin.

• This reply was modified 8 years, 4 months ago by Shaped Pixels.

Oh I’ll definitely do that, thanks for the tip.

When I was asking about the centering, if you look at where the logo and menu is on the home page, it’s VERY slightly skewed to the right compared to how they look on the other pages. I think it has to do with how I was artificially able to get the background video to fit perfectly into the content space as that has also knocked the social media icons out of the way.

If you think you might know how to get the centering 100% right that would be lovely but it’s totally not necessary because it’s such a small difference. The social media icons not being on the home page I think I can also just learn to deal with.

Actually, on my end, the column is centered with the logo and menu; no skewed measurements as I took a screenshot and measured the left and right space which has equal spacing both sides.

However, what I find is that your video container fits in the right side area, but your actual video is falling out of that and is partially hidden under the side column.

• This reply was modified 8 years, 4 months ago by Shaped Pixels.

It’s even if you click on Journalism, Video or Photo, but on the home page if you click on the logo, it is very slightly skewed.

I had to cut off the video because it didn’t fit the dimensions of the container.

You mean that little movement?
IF so, not sure what is causing that, but it could be related to the video setup because on the other pages, it stays put and doesn’t move, but going back to the home page, it does appear to have a very slight movement.

Yeah it’s a tiny bit over and I’m not sure why. It’s not going to kill me so it doesn’t really matter, but it would be nice for that not to happen.