Header width and different logo on mobile

Hi,
Thank you for your patience, right now your site is using a full width header and footer, to limit the width of the header you will need to use the “Boxed” layout
so go to Enfold Theme Options ▸ General Layout ▸ Stretched Or Boxed Layout

and then set the width at Enfold Theme Options ▸ General Layout ▸ Dimensions ▸ Maximum Container width

To use a different logo on mobile try adding this code to the end of your child theme functions.php file in Appearance ▸ Editor:

add_filter('avf_logo','av_change_logo');
function av_change_logo($logo)
{
    if(wp_is_mobile() ) {
    $logo = "http://kriesi.at/wp-content/themes/kriesi/images/logo.png";
    }
    return $logo;
}

then change the image url to the image you want to use.

Best regards,
Mike

Hi,
Perhaps I misunderstood your logo question, I thought that you wanted a different logo to show on mobile devices, but now I think that you want your logo to show larger so I did this for you, please check.
The trick is to copy the logo url from your media library and paste it into the logo field and then save, not to use the “upload” button, this will always use the small version on the image.

Best regards,
Mike

Hi,
If you are not using a child theme you could use the WP Code plugin then add a new snippet, in the top right corner use the PHP snippet as the code type:

then add the this code and save.

add_filter('avf_logo','av_change_logo');
function av_change_logo($logo)
{
    if(wp_is_mobile() ) {
    $logo = "/wp-content/uploads/2024/04/LogoMobile.png";
    }
    return $logo;
}

you may need to make the image url in the code your full path if this doesn’t work, I didn’t want to post your full url as I think you want it private.

Best regards,
Mike

Hi,
I check your snippet and found that it was inactive:

so I enabled it and it now works, please check.

Best regards,
Mike

Hi,

Great, I’m glad to hear that Mike could help you out. We’ll close this thread for now then, please open a new thread if you should have any further questions or problems.

Best regards,
Rikard