wen.wainwright

O.K. I took it all out entirely, the styles and the code I had added to the header.php (child theme). Should I put it back or is it possible that it’s the entire problem? Removing every last bit of it has added a stray menu buttom – like for the small screen mobile versions – to my header….

I really don’t understand what a syntax error is but I removed that bit entirely and the search form is still at the top of the page where it was and seems to be working. I cleared my browsing history and it still doesn’t fix the top navigation in Chrome and now the top nav isn’t showing the green in Firefox either. Have I left something open between the search form and the top nav in the code? I don’t expect you to go looking for that but it would help me to know where to start looking!

I tried changing the navigation menu in this but it didn’t work on Chrome either:

/* Minimum width of 600 pixels. */
@media screen and (min-width: 600px)

I went through the code, the original and not my child theme, and noticed that the footer, which works, is coded like this in the footer.php:

<footer id=”colophon” role=”contentinfo”>
<div class=”site-info”>

and the navigation in the in the header.php is written slightly differently:

<nav id=”site-navigation” class=”main-navigation” role=”navigation”>

I went and looked in the content.php I see this:

<footer class=”entry-meta”>
<span class=”edit-link”>’, ‘</span></footer><!– .entry-meta –>

I can’t find a span class for nav id=”site-navigation.” I’ve looked in the content.php, header.php, and functions.php – in both the child theme I created and the parent theme files for twenty twelve. So maybe that means something to someone.

I’m out of ideas.

I meant that I had tried some additional styles (a:link and a:active) to try to reinforce “a” and “a:hover” but it didn’t help so I took them out. It did look like this:

ul#menu-top-navigation {
	color: #1e8239;
}
ul#menu-top-navigation a {
	color: #1e8239;
}
ul#menu-top-navigation a:link {
	color: #1e8239;
}
ul#menu-top-navigation a:hover {
	color: #35e865;
}
ul#menu-top-navigation a:active {
	color: #35e865;
}

but now it looks like this and does the same thing but does not fix the problem in Chrome:

ul#menu-top-navigation {
	color: #1e8239;
}
ul#menu-top-navigation a {
	color: #1e8239;
}
ul#menu-top-navigation a:hover {
	color: #35e865;
}

No need to have extra unnecessary things floating around, right?

I’ve also tried this as well now:

.main-navigation a {
color: #1e8239;
}
.main-navigation a:hover {
color: #35e865;
}

which is cut and pasted from the parent theme but didn’t help in Chrome either. I know Google pretending to be “open source” is ridiculous, but are they deliberately trying to be difficult now or something?

I googled CSS styles and this came up @w3schools. I thought it would reinforce what I was trying to do but it didn’t help.

The :active selector is used to select and style the active link.
https://www.w3schools.com/cssref/sel_active.asp

This applied to all doesn’t work either:
ul#menu-top-navigation a

This doesn’t work either.
.nav-menu a

https://strongerwithjeng.com

update: This isn’t fixing the problem either. https://strongerwithjeng.com

ul#menu-top-navigation .nav-menu a {
color: #1e8239;
}
ul#menu-top-navigation .nav-menu a:link {
color: #1e8239;
}
ul#menu-top-navigation .nav-menu a:hover {
color: #35e865;
}

O.K. I read that but I still at least need to add a widget area to my header.php before I can use the textedit in the header, correct? (I am using a child theme.)

https://codex.www.ads-software.com/WordPress_Widgets – this?

This is the correct place, right? https://codex.www.ads-software.com/WordPress_Widgets

I’m sure I’m confused. I did look it up and installed gabfire widget pack which does come with a search box…however I already have a search box and just want to add the text to it. I’m sorry this is so unclear to me but I appreciate your time.

I’d rather not use a widget if possible because the site is for someone else and I don’t want to worry about the widget author not updating the widget. I am using a child theme but am not clear as to exactly which template I should put the code in? The function.php?

Thanks! Which file should I post the basic html code into?

thanks – i moved it to after plugins and before media queries (regarding the box shadow)