• Right now, I have one logo on top left of the site. I want another smaller one for a company logo on the top right. Is there a way to do that. I know the social icons are currently moved to the right so not sure how to go about doing it.

    thanks

Viewing 5 replies - 1 through 5 (of 5 total)
  • Link to site?

    Without the link, here is a starter.

    You need a Child Theme firstly.

    Add this to your CT functions.php:

    add_action('__after_header', 'rdc_new_logo');
    function rdc_new_logo(){
        $html = '<div id="myLogo">';
        $html.= '<img class="alignright size-full" alt="YOURALT" src="/wp-content/uploads/YOURLOGO.jpg" width="150" height="150" />'; //CHANGE DETAILS
        $html.= '</div>';
        echo $html;
    }

    This will create a new div after the header.

    The rest needs to be added to your CT style.css.

    To reposition using:

    #myLogo > img {
      position: relative;
      top: -130px; /* CHANGE TO SUIT */
    }

    You’ll also need to shorten the Navbar Box:

    .navbar .navbar-inner {
      width:  80%; /* CHANGE TO SUIT */
    }

    Thread Starter crosswire

    (@crosswire)

    hi sorry for the delay. the site is on my local server on my mac as I’m waiting for work to create a url. so I’m playing with the mock site on mamp pro. Thanks will try the above out. I have the child theme already .

    Thread Starter crosswire

    (@crosswire)

    Thanks it worked. The only issue is when checking out the site on the ipad or mobile, the top right logo squishes below the left on and looks messy. Maybe I will put the logo on the bottom footer.

    You could try adding @media and adjusting the logo size (use width: xx%;) at smaller viewports. Even consider display:none; on small phones.

    Can you change status to [resolved] in rhs sidebar if you’re happy please.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘2 logos in header’ is closed to new replies.