increase logo size

On another site which I am migrating to gutenberg using the chaplin theme I am also having an issue with the logo size causing a flash of of unstyled content, https://www.staging3.bartlensink.nl
Your advice on this is very much appreciated.

• This reply was modified 4 years, 9 months ago by strikingconcepts.

Hi @strikingconcepts,

There seems to be some JavaScript manipulating the image element. When the page is first loaded, it’s displayed as an element, and after a split-second, it’s replaced with an SVG element, resulting in the resize. Loading the page with JavaScript disabled shows the element before it is updated. This is not something included with Chaplin, so I’m guessing it’s done by a plugin on the site.

You should be able to retain the same image size throughout using this CSS, though:

.site-logo img { max-height: none; }

— Anders

Thank you Anders!

Dear Anders,
I like to attach a second question regarding the logo-size here:

If I set

.site-logo img { max-height: 4rem; }

the logo size increases when sticky. Can I set a specific size for both?

Also, regarding logo-size on retina screens: There is no effect when setting the option in customiser, the logo stays the same size on either screen. How do I get this to work?

Best,
Dev*

@devilsinkpot You’ll have to create a new topic for your question. Since the original issue was fixed, I’m marking this one as resolved.