Header logo on the phone

Entrada WP Theme
#1

Hi,

So my header logo is huge on my site when you load it on to phone or tablet - could you tell how to sort this ?

My site is www.lakedistrictadventuring.co.uk - your see what i mean if you put it on the phone at the top.

#2

The logo that you are uploading is 1920px wide, here is your logo: https://lakedistrictadventuring.co.uk/wp-content/uploads/2020/12/xTrans-White.png.pagespeed.ic.KVSd33TdMj.webp

You don’t need to upload the logo that wide, its bad for loading and all… I would recommend limiting it to 40px for mobile, which you can do by specifying in your customizer.

#3

Hi I tried that on the customizer and it does nothing ??? I change the size and it just stays the same

Any help would be amamzing.

#4

Hi, can you atleast mention what you changed to? Because if you are changing it to large sizes, then obviously it won’t have any effect since it is already occupying the available max space. Also, it looks like you didn’t follow the recommendation to resize your logo!!!

You can add following css to your appearance > customize > custom css and js > custom css box to resize it without following any of the recommendations.

@media only screen and (max-width: 992px) {
    .logo img {
        max-width: 188px;
    }
}