2 logos - Support | Kriesi.at - Premium WordPress Themes

Hello, i try add 2 logos.
looks like it works, but mobile looks not correct :(

insert this to functions.php of child theme:

function add_logos($logo) {
	/* I take logo from configuration 
        $logo .= '<span class="logo first-logo"><a href="/">' ;
	$logo .= '<img src="/wp-content/uploads/logo1.jpg"/>';
	$logo .= '</a></span>';
       */
        /* Here secon image */
	$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');

now the things come to quick css:

.logo, .logo a { display: inline-block}
/*.logo:first-child img {display: none}*/
.logo.first-logo { z-index: 3 }
.logo.second-logo { z-index: 3 }
.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 }
.responsive #top .logo.first-logo {
    float: left; }

@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%}
}

This demo version – Images will be changed to super quality.
Logo is near other image and search button:
Mobile

Desktop vrsion looks good:
Any idea how set distance?
Desktop

May 24, 2021 at 2:07 pm #1302011

Hi,

Thanks for contacting us!

Could you please post a link of your website so we can provide you an accurate solution? :)

Cheers!
Yigit

May 24, 2021 at 2:39 pm #1302016

This reply has been marked as private.

May 24, 2021 at 2:45 pm #1302022

Hi,

Please see private content field below :)

Regards,
Yigit

May 24, 2021 at 2:47 pm #1302023

This reply has been marked as private.

May 24, 2021 at 3:11 pm #1302026

Hey,

Please add following code to Quick CSS field in Enfold theme options > General Styling tab


@media only screen and (max-width: 767px) { 
.logo.second-logo img {
    padding-top: 20px;
}}
@media only screen and (max-width: 480px) { 
.responsive .logo img {
    max-width: 90%;
}}
@media only screen and (min-width: 768px) { 
.logo img {
    padding: 15px 0;
}}

Regards,
Yigit

May 24, 2021 at 3:19 pm #1302029

This reply has been marked as private.

May 24, 2021 at 3:24 pm #1302034