Two Logos on WP Header

  • Hello everybody,

    I am almost done developing this wordpress site. However I would like to add a second logo to the right side of the header, But I do not know how. I have read that I can add some custom css but I am not sure what the exact code is.

    This is the logo I would like to add https://3.101.55.42/travel-cafe-logo-gradient/

    Any help is deeply appreciated

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)

  • I see that you already have two logos in the header

    Thread Starter ecan13

    (@ecan13)

    @lfc that is just one image with two photos combined, it’s not actually two separate logos

    Hi,

    Please make the following design styles updates if you want move logo on the right side of the header

    #site-logo {
    float: right;
    height: 100%;
    display: table;
    }

    #site-navigation-wrap {
    float: left;
    position: relative;
    right: -15px;
    }

    Thanks.

    Moderator bcworkz

    (@bcworkz)

    Sundar, the OP wants a second logo, not to move the existing one. I’ve seen some of the great advice you’ve provided elsewhere in the forums, keep up the good work!

    ecan13, to add another logo, you’ll need to edit your theme’s template (possibly header.php, but varies by theme). It’s best to keep altered templates in a child theme. Add the necessary HTML after all the navigation and menu elements within the #site-header-inner div. You’ll need to alter the CSS width rules for the other elements so everything stays on the same line. This isn’t too difficult for desktop sized screens, but could get tricky for smaller screens that are still large enough to not get the mobile menu.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Two Logos on WP Header’ is closed to new replies.