Firstly love North, such a clean theme and beautifully designed.
I have searched the forums high and low but not quite finding a solution to this.
With sticky menu active, when I scroll down my custom logo becomes far too small. On desktop especially it’s tiny but on a mobile device it’s not too small.
I notice this happens automatically with the
data-scale-logo="true"section but I cannot find a way to tell it how much to scale by. I would like it to only change in size by 50% of the original unscaled logo. Tried many css mods from the forums for logo scaling but not able to resolve this as yet.
Hi Mitchell
Thanks for your support :)
Please, try the function and instructions here:
Page: Advanced Customizations
And let us know how it goes.
Thanks Andrew, I did manage to solve it after posting but could not update my thread yet. I found this which works like a charm.
/* Fix Logo Scaling */ #masthead.floating .site-branding img { min-width: 120% !important; min-height: 80%; }Super, glad to hear you’ve made progress.
You could also use:
#masthead.floating .site-branding img[style] { width: 90% !important; }And adjust the 90% value as required.
Please, keep in mind that if you’re uploading a Retina logo it should be exactly double-size of your normal logo.
A double sized logo to use on retina devices. If for example, your regular logo is 200px x 100px, your Retina logo should be exactly double the size, 400px x 200px.