befree22

I added the “home” image code you posted and now there are 2 “home” images displaying in the LOWER navigation menu. The “home” image belongs in the top menu, WordPress’ main aka primary menu.

I’m repasting the header.php code here (your code included):

</nav><!-- #site-navigation -->
        <img src="http://tmmcom.dreamhosters.com/wp-content/themes/twenty-plus-pro/images/home.gif" alt="home" />

   <?php $page_id=get_the_ID(); /* Add navigation imgages */
   if(is_home()) { $image='home.gif'; }
   if(is_page()) { $image='head-image-'.$page_id.'.gif'; };
   if(!file_exists(STYLESHEETPATH.'/images/'.$image)) { $image='home.gif'; } //specific image not found, use default header image set as the same as the posts page header image
   echo '<img src="'.get_stylesheet_directory_uri().'/images/'.$image.'" alt="home" />'; ?>

@wpyogi It works beautifully!

I used Firefox Web Developer Tools > Responsive Design View. And you’re right about the responsive view — the top navigation links don’t appear on 360×640 or lower screens; only the search box appears. I will say that the pages do appear in the footer widget though.

I checked the theme (without this css code) to see if it supports 360×640 and lower. It doesn’t (the top navigation links don’t appear) so I’ll inform the theme’s author because many themes support lower resolution.

I added the

#header {
    position: relative;
}

I then added the position: absolute; top: 145; right: 140; to this css (see below) and the search box is now appearing inside the nav menu bar on the right margin.

#searchform {
	color: #fff;
	float: right !important;
	border: 0 !important;
        position: absolute; top: 145px; right: 135px;
	padding: 10px;
        background: #FEC42D;
        width: 240px;
	}

It works, thanks to your input. Now I’d like the search box to appear on the left side of the primary menu. I used float: left; but the box never moved to the left margin. I then used this and the search box appears on the left margin but it hides the navigation pages “Home” and “Sample Page”:

position: absolute; top: 145px; left: 135px;

I want the search box to appear inside the primary menu on the left margin. Any other css tricks to do this? Or do I have to make a change to the code for the nav pages?

The css I’m using is aligning the social media icons vertically, and I want them aligned horizontally. What the problem? Here’s the current css: http://pastebin.com/NFj2BeEu

A 2012 child theme. Here’s a demo of the theme that Zeaks created: zeaks.org/ttodemo

OK, I used this code for the date: <?php echo date('l jS, F, Y') ?>

For the css, I added this code but the date isn’t aligning to the right of the blog page:
`.todaysdate {
float: right;
color: #444;
font-size: 20px;
line-height: 1.625em;
padding: 0 1.2125em;
margin-top: 10px;
font-weight: bold;
}`

It works when I use .todaysdate but not when I use #todaysdate. Thanks 🙂

I’m using a 2012 child theme on the site.

It works!

I doublechecked that the Form # was the same in the javascript header code and in the actual form code in the body.

Last week, the form # was the same in both places but the form didn’t validate.