Theme: Twenty Twelve, add search bar

Changed. Sigh. This is a new project I’m trying to start up, but I just wish the search bar would work. ??

Me too :(.

See what happens if you take this out of your CSS file:

header form {
    left: 10px;
    position: relative;
}

Removed.

How about this (out)?

header nav, div#main {
    position: relative !important;
    z-index: 5 !important;
}

Removed that as well!

Okay, I think I found something – try this:

nav {
   clear: none;
}

If that doesn’t work, try:

nav {
   display: inline-block;
}

Remove them or add them to style.css?

Add – try the first one first, then take it out if it doesn’t work and try the second.

nav {
   display: inline-block;
}

Worked! It just removed the lines surrounding the menu, except for where there are words.

Strange?

YAY! At least it worked to move the darn thing – LOL!

Not really strange – I figured it would do that – since “inline-block” changes that to a less than full-width element. Do you want those lines – I can see if we can get them back or get rid of them.

YAY indeed!

If at all possible the lines would be good. They give a clear cutoff for the header image, plus, I’m pretty visually OCD, so, it’ll be good for me. ??

It’s getting late here so I have to get off soon – but I’ll look at fixing that in the morning – sorry I can’t do it now.

Hey, kept thinking about this ?? … so one more try for tonight:

Take out everything below this:

.entry-content a:hover {
	color:#2d8a71 !important;
}

And add this there:

@media screen and (min-width: 600px) {

  .main-navigation {
      margin-top: -40px;
   }

   nav {
      display: block;
      float: left;
      width: 100%;
   }

   #nav-search {
      float:right;
      margin-top:0px;
   }
}

IT WORKED! YOU ROCK! ??

Now… How can I change my footer? ??

LOL – awesome!! Can you start a new thread – since that’s a different topic – keeps the forums better organized and helps other people find previous topics.