Logo height issue

Question

Hi!

First of all! Thank you for the amazing template. If someone, who is using your template, can't build the website he wishes, he can't build it ever. Period.

I'm currently working with the Restaurant template as the foundation for a new website. But, I can't seem to make the logo bigger. I already searched the forum and found out that I had to use data-logo-height=”100" in the Header tag. If I do that, my template seems to be crashing. Also, I want to make the header bigger, because the height of the logo will be bigger than the current height.

What I also see, is that when I'm reloading the homepage, my logo flashes in full screen for a millisecond.

Can you please help me?Thanks in advance.

http://www.grandcafe2020.nl/testsite

SemiColonWeb · Accepted Answer

Hello,

Thank You so so much for the Kind Words! :)

We have tried to make the Logo Larger using your Logo Image and everything appears to be working perfectly. Please find the following code:

and replace it with the following:

To make the Header Larger, simply consider adding a Margin to the #logo DIV. Ex: .my5 Class:

This will ensure adequate padding to display the Logo correctly.

Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

gravenbend · Answer

Thank you very much for the help. It works!

Can you also look in to the last question? When I refresh my page, the logo flashes in full size quickly, before resizing to the size in the CSS.
Of course I can resize the logo, but maybe you can explain the flashing problem?

Hope to hear from you!

Semicolon Web · Answer

Hello, The Flash of the Logo during Page Load is due to the Fact that the Logo Image is getting resized using Javascript as explained here: http://docs.semicolonweb.com/docs/header/header heights/ . You can consider using the Page Loading Transitions: http://docs.semicolonweb.com/docs/getting start…