Logo and Text

Hi SenjaLp,

I’m not sure I understand what you need help with. If you should need any further help, then please post a link to your actual site, and let us know exactly what you are looking to change.

Thanks for helping out @guenni007.

Best regards,
Rikard

Hi,

Thank you for the info.

You can use widgets to add another logo inside the header area. Please check this documentation for more info.

// https://kriesi.at/documentation/enfold/header/#adding-a-header-widget-area

Or use the avf_logo_final_output filter to adjust the html of the current logo.

function avf_add_logos($logo) {
  $logo .= '<a class="first-logo" href="/"><img src="http://site.local/wp-content/uploads/2022/03/logo-rivista.jpg"/></a>';
  $logo .= '<a class="second-logo" href="https://site.org"><img src="site.local/wp-content/uploads/2022/03/ordine.jpg"/></a>';
  $logo .= '<a class="third-logo" href="https://www.site.it"><img src="http://site.local/wp-content/uploads/2022/03/medicina.jpg"/></a>';
  return $logo;
}
add_filter('avf_logo_final_output', 'avf_add_logos', 10, 1);

Best regards,
Ismael

Hi,

Thank you for following up.

You can use this css code to adjust the height of the header and move the position of the second logo.

@media only screen and (max-width: 767px) {
  .responsive #top #header_main>.container .main_menu .av-main-nav>li>a, .responsive #top #wrap_all .av-logo-container {
    height: 180px !important;
    line-height: 180px;
  }

  .responsive #top #header .widget {
    left: 80px;
    top: 80px;
    max-height: 80px;
  }

  .responsive #top #header .widget img {
    width: 80px;
  }
}

Please toggle or temporarily disable the Enfold > Performance > File Compression settings after adding the css.

Best regards,
Ismael

Hi,

No problem! Please let us know if you have more questions about the theme. We will close this thread for now.

Have a nice day.

Best regards,
Ismael