Logo size

Dear @enextconsultants thanks for the feedback.
I will do some tests with smaller logos and respond back to you!!

Dear @enextconsultants I have noticed , by reviewing the code, that the recommended logo height and width is 360×50 but the logo has also flexible height and width.
I tried some combinations and without cropping the logo the logo was not blurry at all.
Only it was a bit small.

I tried it on mobile also and eveything was ok.
The code theme uses to make the logo flexible is

 add_theme_support('custom-logo', array(
        'height' => 50,
        'width' => 360,
        'flex-height' => true,
        'flex-width' => true
    ));

So it is flexible.

Really Kind Regards
ArchimidisM

When I add my header image it shows up fine at first then after a while it shows up blurry when I zoom close in. Any idea why that is?

Also is there a way to make it so you can’t zoom in?

Dear @enextconsultants what exactly do you mean by “zoom in”?

On a mobile device, you can zoom in with your fingers.

Hello, that is completely normal. If you zoom a mobile page is like zooming in a page in a browser in your computer.
It is normal that the logo looks blurry if you zoom the page . I have tried some other webpages and the outcoume is the same.

However I found a hack that maybe works. If you open the header.php file in a HTML Editor you will see on top something like this:

<meta name="viewport" content="width=device-width, initial-scale=1">

I have read here https://stackoverflow.com/questions/4472891/how-can-i-disable-zoom-on-a-mobile-web-page
that if you chaneg the above tag to

<meta 
     name='viewport' 
     content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0' 
/>

then the user could not zoom the mobile page :).

You can try it.
PS: If you want to make change to our theme and in a theme in general consider creating a child theme to apply these changes because when the parent theme is updated you won’t lose any changes at all.