Header two Logos

and where is your Navigation on that ?
and what should happen with the second logo on the right in responsive case ?

first of all allthough i’m german too – i have to write here english ( and sorry it is not the best – I do not have language practice any more for years)
so if there is something not clear : ask for german explanation.

First use a child-theme ! Because it has many advantages – and adjustments do not get lost on parent update !

1) Split both of your logos – try to give them similar dimensions.
2) it is for some reasons better to set the enfold options logo to display none ( espacially if you have that second logo floating on the right side)
3) insert this to your functions.php of your child theme:

function add_logos($logo) {
	$logo .= '<span class="logo first-logo"><a href="/">' ;
	$logo .= '<img src="/wp-content/uploads/logo1.jpg"/>';
	$logo .= '</a></span>';
	$logo .= '<span class="logo second-logo"><a href="a-different-link" target="_blank">' ;
	$logo .= '<img src="/wp-content/uploads/logo2.jpg"/>';
	$logo .= '</a></span>';
	return $logo;
}
add_filter('avf_logo_final_output', 'add_logos');

3a) you see you can give each logo his own link ( if you don’t like the target blank on second logo erase it)
4) now the things come to quick css ( depends on dimensions and header settings we will see later):

.logo, .logo a { display: inline-block}
.logo:first-child img {display: none}
.logo.first-logo { z-index: 3 }
.logo.second-logo { z-index: 2 }
.logo.second-logo { width: 100% }
.logo.second-logo a { float: right !important }
.logo.first-logo a,  .logo.second-logo a { display: inline-flex }
.main_menu:not(:first-of-type) { display: none !important }

and for the responsive case:

@media only screen and (max-width: 768px) {
.responsive #top .logo:first-child {display: none}
.responsive #top .logo.first-logo {display: inline !important}
.logo.second-logo a {float: left !important}
.responsive #top #wrap_all .container {max-width: 95%; width: 95%}
}

5) we will see when this is done

see here: https://webers-testseite.de/cynthia/mille-deco/

• This reply was modified 6 years, 8 months ago by Guenni007.

Dear Guenni007,

I really like your solution with adding 2 logos with different links via functions.php – it works really well on desktop and for mobiles if you have both logos in the same size.
When I just changed css rule .logo.second-logo a { float: right !important } to float:left I’ve got the result I wanted for the desktop.
I have another challenge – I am trying to keep both logos on mobile display side to side at the left side of the header because my second logo is pretty compact and there is still space between main logo and hamburger-menu. I am not able to find the css rule which pushes the second logo down for mobile devices. Would it be possible to help me in resolving this case.

Thanks in advance.

Thank you Rikard for your question.
I insert the link to the private content

Hi Ismael,
Thanks for your suggestion.
I added suggested rule in mobile view query but the second logo(blue one) unfortunately still moves under first logo(yellow one):

• This reply was modified 5 years, 3 months ago by unclemo.

Wouldn’t it be better to have the navigation below logos?
You have a very extensive navigation.
See here: https://webers-testseite.de/cynthia/mille-deco/

______________

PS : first find an error – maybe on functions.php
how did you implement your ls-slider?
it is just after the slider – so guess it must be an error there. Look on scrolling you can see the content scrolling under the header but a little bit visible on top.
i just select it on your homepage to see it better :

Dear Guenni,

Thanks a lot for your help. Sorry I just saw your post. This is brilliant.

I like the second page more. Did you use for the second page(https://webers-testseite.de/cynthia/railings/) the same css rules like for the first page?
Did you have the changes only in this style:

.logo.second-logo a {
    float: left;
}

Thanks again – you are very helpful. Is there anyway to be in touch with you directly?

Thank you Guenni for all your help and efforts,
I removed those garbage symbols from header.
I don’t know how I can send you the private message on this website. Could you please be in touch with me via email momodulor at gmail.com. I assume that my case is private and I don’t want to share it so publicly…

Thanks in advance

• This reply was modified 5 years, 2 months ago by unclemo.

child-theme???