SydneyPro add small logo to header-contact

How do I add (SydneyPro) a small logo to header-contact before phone|email|address info?

I have added left-padding in the #page div.header-contact so there is room for the logo.
But I’m not sure how/where in the header.php file to identify the div that will contain the logo.
Thanks, in advance!

Hello @topnotch,

Can you please provide a link to your website?

Kind Regards, Roman.

Roman, thanks so much for taking a look!

Hello @topnotch,

Please try to use the following CSS code.

You can add CSS code in Dashboard → Appearance → Customize → Additional CSS (WordPress 4.7 and up).

.header-contact > .container::after {
    content: '';
    background-image: url('http://wardelectric.electricstores.com/wp-content/uploads/2017/06/logo-footer.jpg');
    height: 21px;
    width: 43px;
    display: inline-block;
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
}

Kind Regards, Roman.

Roman, Thanks, I can finally get my logo in the header-contact banner!
However, I would like it to be positioned to the left of the phone|address|email info.
I tried to change “.container::after” to “.container::before” but it covers the data.
How do I tweak that - to move the data farther to the right?

@topnotch, please remove your modified version of the code above and use this instead:

.header-contact > .container::before {
    content: '';
    background-image: url('http://wardelectric.electricstores.com/wp-content/uploads/2017/06/logo.jpg');
    height: 35px;
    width: 81px;
    display: inline-block;
    background-size: contain;
    background-repeat: no-repeat;
    margin-right: 10px;
}

.header-contact > .container {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

In ctc-style.css file of your child theme please replace this:

#page div.header-contact {
    padding-left: 180px !important;
    height: 100px !important;
}

with this:

.header-contact {
    padding: 8px;
}

Kind Regards, Roman.

Roman, You are the BEST!
Thanks so much. This is exactly the look I needed.
You support has been stellar - where can I go to give a 5 star review???

Hello @topnotch, I’m glad that you are happy with support! :slight_smile:

You can leave your feedback for Sydney theme on WordPress.org, here is a quick link, thanks! :slight_smile:

Kind Regards, Roman.