Nav Bar messed up after Theme Update

@wpyogi: SuperCache is now activated… I’m running Twenty Twelve version 1.3

@andrew Nevins: Surely — Here’s the link (pardon my mess) https://pastebin.com/J06RxiDd

What theme is active – look under themes.

Have you deleted the cache? Once you do that, deactivate the plugin.

Yes, cache is deleted. Plugin deactivated
As previously stated, active theme is Twenty Twelve version 1.3

The import line is wrongly formatted, see the Child Theme example for reference. It should also be below the first set of comments.

For example: https://pastebin.com/hV0c9LEp
Edit: Pastebin updated

EDIT – sorry, cross-posted – see Andrew’s post :).

I actually updated it, saved, and it threw the import line back up the at the top. ????

But okay, WOW, I’m dumb. I had never created a child theme folder/style.css file on my host site. That is all done and I did a live preview of the child theme (which I can now activate – woo hoo!) but none of my original child theme is there… How can I mash the two together? (so to speak)

Oh my gosh WOW. I think I’ve been doing this wrong the whole time. *Smacks forehead* on to work on my child theme and hopefully fix everything….

LOL – well at least neither of us is actually crazy :). Just move those changes over and you’ll be back on track. BTW, theme settings/options don’t carry over so you have to redo those too.

Thank you so much for your help!! Somehow I had never actually CREATED a child theme and was just working through “Edit CSS” instead of editing an actual child theme.

Working on all the backgrounds and header images and whatnot and I think this case may be closed!

So sorry to have wasted your day for something so stupid but I cannot thank you enough!!!

Btw we enjoy this stuff.

Ditto – and using Edit CSS is a fine way to go – though if you deactivate JetPack, those modifications disappear, so a child theme is a bit safer IMHO. Just post back if you run into troubles.

Hi, it’s me again ??

I fixed a lot of things, but I can’t seem to find the right CSS to get the text of my nav bar centered again. Doing it through CSS the RIGHT way this time ?? But none of the codes I’ve been trying seem to be working. Here’s what I have right now:

.main-navigation {
	background-color: #e0f4fb;
	text-align: center;
	font-size: 14px;
	position: relative;
	width: 1040px;
	left: -40px;
}

#masthead .main-navigation ul.nav-menu,
#masthead .main-navigation li,
#masthead .main-navigation div.nav-menu > ul {
	text-align: center;
	text-decoration: none;
	background-color: #e0f4fb;
}

.main-navigation li ul li a {
	background: #e0f4fb;
	border: 1px solid white;
	display: block;
	font-size: 11px;
	text-align: center;
	font: Philosopher;
	font-size: .785714286rem;
	line-height: 2.181818182;
	padding: 8px 10px;
	padding: .571428571rem .714285714rem;
	width: 180px;
	width: 12.85714286rem;
}

.main-navigation li ul li a:hover {
	background: #b7bec3;
	color: #444;
	text-align: center;
}

The alignment works within inthe drop down menus, but I can’t seem to get anything centered on the main menu even though I was able to change the the background color. Any ideas?

Thank you again ??

Try adding this:

.main-navigation ul.nav-menu,
.main-navigation div.nav-menu > ul {
 text-align: center;
}

It worked!!! Thank you so much!

Okay, ONE last question and I promise I’m done. I have the page & header image with these lovely rounded corners but on the hover, it jumps back out to full rectangle. Any idea how to keep the rounded corners on hover?