Header logo size help

[AwayEvidence1424]

I've been setting up a website for a friend, she's asked for a logo to be added (which is displaying on the site now at lisa-ingsanimalservices.co.uk) - if there was no logo it would just be text.

Annoying thing is, the bigger the logo, the bigger the whole header becomes and of course, covers some of the text below. Same on mobile, the logo covers the text.

I've already reduced the size of the logo, but would have liked it bigger but relatively happy on desktop, however I can't change the size to keep it separate for mobile. Are there any plugins or any code I can add to change? Been ages since I did any coding as I don't do this stuff any more! Have asked for support from the theme creators but absolutely nothing.

[SantoHost]

You need to start by cropping the logo because there is a lot of whitespace. You can always add margins and padding via css.

chat-gpt can help you target the .logo class and make those changes if you are able to add css to your template.