What would really be ideal, is when the display is less than ???px

• The header height increases to ???px
• The logo becomes centered, still at original size, unless display is small than width of logo, if not than a gradual decrease in logo size as display decreases.
• The mega menu is centered below the logo, but converts to the hamburger menu when display is too small to display the mega menu within the header

Hope I'm making sense

Hi there!

Thanks for your query.

You can set your header height as well as logo height by clicking on the different size device preview option on top of the Template Options editor area. Hope this will make it convenient for you to set up things for different devices there.

Best Regards

Sorry, but that option is not working. For both tablets and phones I set the logo to 145px tall and the header 150px high and the header stays the same size and the logo overlaps contact section and content below the header.

I'm having the exact same problem on another site I'm working on.