Logo and "title="" rel="home">

It’s pretty self explanatory. The <a> tag there is incomplete. Just compare that part to the original Twentyeleven’s header.php

Thanks for your message. Please can you help pointing which one is incomplete? Here is the full code:

<hgroup>
<h1 id="site-title"><span>"title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) );?>" rel="home"><img src=" <?php bloginfo('stylesheet_directory'); ?>/images/logo.png?>/images/logo.png" alt="<?php bloginfo( 'name' ); ?>" width="200" height="82"/></span></h1>

<h2 id="site-description"><?php bloginfo( 'description' ); ?></h2>
</hgroup>

[Please post code & markup between backticks or use the code button. Your posted code may now have been permanently damaged by the forum’s parser.]

Regards,

Also, the logo is displaying too large, so do i need resize image or it can be done in style.css ?

Try this, please noted that it’s completely untested.

<hgroup>

	<h1 id="site-title">
		<span>
			<a href="<?php echo esc_url( home_url( '/' ) ); ?>" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) );?>" rel="home">
				<img src="<?php echo get_stylesheet_directory_uri(); ?>/images/logo.png" alt="<?php bloginfo( 'name' ); ?>" width="200" height="82"/>
			</a>
		</span>
	</h1>

	<h2 id="site-description"><?php bloginfo( 'description' ); ?></h2>

</hgroup>

Thanks, works! Any advice on logo please?

The thing about logo size and its placement is that people always see it differently, once it’s moved or changed, new idea comes to mind.

When implementing a site logo in RWD, I tend to use one fixed width that looks good in iphone portrait viewport which is 320px, and minus padding 10px on each side, so I got 300px width logo for all screen.

But Twentyeleven has big padding in small screen, making the content area smaller than 300px, so in this case the logo around 230px looks good.

You might try this

#site-title img {
	width: 230px;
}

and might as well use media query to set different width in a few breakpoints.

Logo resized and works! Added the following in child theme:

#site-title {
margin-right: 600px;

text-indent: -999em;
}
#site-description {
text-indent: -999em;

Thank you paulwpxp
being awesome

I think that’s the best one i got from you.

Hi paulwpxp,

Please can you help on that logo issue, I can see there is a empty space, which i believe has been created after removing header. I would like to:

1. reduce the space to 200px height
2. would like to place my top nav bar to the right of of the logo instead where it is sitting now. and
3. i would like to create the another nav bar at the very bottom of the site.

Please see my header and footer coder here:

Header- https://pastebin.com/embed_js.php?i=6DWbnKLH
Footer- https://pastebin.com/embed_js.php?i=EYhCzSA3

If you happy, I would like to reimburse your time for this question.

Thank you so much for your help.

Regards,

Laamash

@laamashdotcom

I saw you got another topic on this already, which is good, it’s best to keep one issue per topic.

If you happy, I would like to reimburse your time for this question.

That would be against the forum policy, if you are looking to hire someone for help, there is a place for it here.
https://jobs.wordpress.net/

Thanks for your suggestion, but i think you would be the best person to help me on this as you done that like magic. I am sorry if reimbursing issue goes against forum rules.

Do you have any solution to this issues i have?

Regards

Please allow me to self quote here

The thing about logo size and its placement is that people always see it differently, once it’s moved or changed, new idea comes to mind.

IMHO the header area of the site, as it is right now, would look good without nav bar moved to the site of logo.

Once the nav bar moved there, the logo kinda lose its power. And the separater between header and content is gone, resulting in the whole page looking too much of white space.

Not even to mention that 2011 is responsive, the logo and nav bar can’t sit together for the whole range of widths, so you have to take out some menu items and take care of the dropdown too.

I would just make the logo center aligned with a width of around 250px and make the header area’s height a little less. It would look powerful and modern.

thanks for your message, I am trying to replicate https://seen2help.co.uk/ if this give you some reference.