Bigger Logo on West

Hi there,

Can anyone advise if the logo can be made any bigger?

I’ve only just started the site but am having trouble making it look ok with such a tiny logo.
here’s the site - boataroundbritain.co.uk

Many thanks,

Tom

Hi Tom,

Logo is limited to header height which is 80px, and logo have max-height of 80px. To increase it you need to apply css with height max-height value. I suggest targeting logo before scroll since sticky menu should stay smaller, and with css below you should be able to achieve this:

.site-logo {
    transition: all 0.3s ease;
}

.site-header.has-header:not(.header-scrolled) .site-logo {
    max-height: 120px;
}

You can apply the code from Appereance > Customize > Additional CSS code, and result should look like this https://www.screencast.com/t/urfAqdHZZ .

In case that you want bigger logo before and after scroll then use this code instead:

.site-logo {
    max-height: 120px;
}

Best Regards!

Hi dimikjones,

This is brilliant thank you, i’ll give it a go.

Tom