Insert Logo to Topbar

Hi Oliver,

Could you post a link to the site where you want to add this, so that we can have a closer look please?

Best regards,
Rikard

Hi,
Thank you for the link to your site, first I disabled the Header Social Icons and added a link next to your phone number with the image of the icon:
<a class="teamviewer" target="_blank" href="https://get.teamviewer.com/chispasupport"><img src="/wp/wp-content/uploads/2022/02/icons8-teamviewer-30.png"/></a>
and I added this css to your Quick CSS:

#header_meta .phone-info .teamviewer {
  vertical-align: middle;
}

please clear your browser cache and check.

Best regards,
Mike

Hi Oliver,

Yes, that should do it. If it does not align with the phone number when you add it, please let us know so we can check once again :)

Best regards,
Yigit

Hi,
The options in the Enfold Theme Options ▸ Header ▸ Header Layout ▸ Menu and Logo Position offer Logo left as you have it or Logo right, but it moves the menu to the left

If we were able to please the logo between the last menu item and the language selector, would you still want the menu to the right?
I imagine there would be no change in the mobile logo and menu, correct?

Best regards,
Mike

Hi,
Oh I see, I thought you ment the site logo, but you ment the TeamViewer logo. Ok so I removed the previous topbar link and css and created a menu item with your TeamViewer link and added this css to use the TeamViewer logo image instead of the menu item text.

li#menu-item-1431 {
width: 30px;
background-image: url(https://www.chispasupport.ch/wp/wp-content/uploads/2022/02/icons8-teamviewer-30.png);
background-size: contain;
background-repeat: no-repeat;
background-position: 50% 50%;
}
li#menu-item-1431 a {
opacity: 0;
}

please clear your browser cache and check.

Best regards,
Mike