Support » Fixing WordPress » How to position logo to the right of header?

Viewing 15 replies - 1 through 15 (of 17 total)
  • Try this:

    #logo {
    	position: relative;
    }
    #logo img {
    	position: absolute;
    	right: 30px;
    	top: 30px;
    }

    Hi Josph,

    No, hasn’t worked – but thanks!

    If I use:

    <!-- Logo Start -->
    <a>/"><img id="logo" class="correct-png" src="<?php bloginfo('stylesheet_directory'); ?>/images/logo.png" alt="<?php bloginfo('name'); ?>" title="<?php bloginfo('name'); ?>" /></a>
    <!-- Logo End -->

    Then it sticks it where it should – bottom right – but squeezes it in hence reduces width and height.

    Noob at css php so maybe you might know.

    Before putting css code in btw there was no logo code in style sheet but worked- sort of.

    My mistake. Wrote those according to the html of your site at the time.

    Try this

    .logo {
    	position: relative;
    	margin: 0;
    }
    .logo img {
    	position: absolute;
    	right: 30px;
    	top: 30px;
    }

    Hi mate,

    No hasn’t worked.

    Mmmmmmm.

    Appreciate your help though.

    Do you think that by replacing old code it can be achieved?

    I just need to stretch it out.

    If you visit my site now – this is what i mean:

    http://bestchristmasgiftsformen.org/

    Oh, you modified the html again.

    .logo {
    	position: relative;
    	margin: 0;
    }
    .logo img {
    	position: absolute;
    	right: 30px;
    	top: 30px;
    }

    was written according to the html in your first post.

    Edit: If you want to keep the current html and just stretch the image out, remove width: 300px; from:

    span#logo, img#logo {
    	border:0 none;
    	height:125px;
    	position:absolute;
    	right:30px;
    	top:65px;
    	width:300px;
    }

    I just replaced the original “header php” code. But shrinks the logo.

    Just trying to put full size logo in same place.

    Do I need to mess with css or alter php – like i said – bit noob on this!

    Posting again in case you didn’t see my edit, remove width: 300px; from

    span#logo, img#logo {
    	border:0 none;
    	height:125px;
    	position:absolute;
    	right:30px;
    	top:65px;
    	width:300px;
    }

    No – no joy – I’m afraid!

    Well, you didn’t remove width: 300px; because I can still see it on your site.

    I’ve removed it now – mistake.

    Thanks for your help on my other thread btw – not working as yet testing various tries now.

    Well, I don’t know then. I can still see it in your layout.css.

    This is what i have in css:

    span#logo, img#logo {
    	border:0 none;
    	height:125px;
    	position:absolute;
    	right:30px;
    	top:65px;
    }

    Maybe delete cache.

    I did clear cache.

    Joseph, I also still see the width: 300px in your layout.css file.

    If you go into that file (layout.css), down to line 51 and replace this:

    span#logo, img#logo{position:absolute;top:65px;right:30px;width:300px;height:125px;border:0;}

    with this:

    span#logo, img#logo{position:absolute;top:65px;right:30px;height:125px;border:0;}

    the logo will stretch back out to its regular size, just as @rob33 suggested.

    Maybe namecheap server issue.

    width:300px; – is definitley deleted.

Viewing 15 replies - 1 through 15 (of 17 total)
  • The topic ‘How to position logo to the right of header?’ is closed to new replies.