Unload header widget in mobile

Hi there,

Any chance you can link me to the site - so i can see if any better options exist.

Edit your original topic and use the Site URL field to share a link privately.

Ok, I have updated the original topic with the site url

How about we use a Hook element to place the image. So remove the header widget.

Create a new Hook Element:
https://docs.generatepress.com/article/hooks-element-overview/

Insert this PHP and HTML:

<?php
if ( !wp_is_mobile() ) {
    ?><a href="add_your_link_url"><img src="https://your-site/full_url_to_image.jpg"></a><?php
}
?>

Select the generate_after_header_content hook

And set the Display Rules to Entire Site.

The wp_is_mobile function 'should' detect its a mobile device and only output the HTML if it is !not a mobile device.

Once thats in there it will require a little CSS which i can help with.

Done, I have used generate_header hook since I did not find inside_header hook, is it correct?

If is ok may you help me with CSS ?

Doh --- must have been having a brain freeze.
Select the generate_after_header_content hook.

:)
done

Remove the header widget.
And then add this CSS:

.inside-header {
    display: flex;
    align-items: center;
}
.inside-header .site-logo {
    margin-right: auto;
}

thanks

You're welcome