IT Tech V1 template header unusable

Hi, By default this demo has a logo high 86px and it works fine, I assume that you are doing something wrong, please share your logo and screenshot of what you want to achieve and I will do my best to guide you to setup logo properly.

Kind Regards,
Nick

Hmm, well I can try it again and get some screenshots. Is there an easy way to reset the template? Or do I have to delete it and re-import?

I’ve reset the template and played around a bit with it. As the logo increases in size the white band at the top WILL eventually appear. The logo in the demo is very wide vs its height, so it works ok, but if I try to add my own square aspect ratio logo I can’t get the logo large enough (to my liking) before the whitespace appears. It then gets worse if you try to add the site title. Regardless of the alignment, the whitespace appears. For example, if I set the title size to 2rem and the default logo width at 64 pixels, the whitespace appears. Here’s some screenshots:
https://d.pr/i/K6fD6l
https://d.pr/i/LbdOe3
If I try to go with the sizing I want on the logo, the whitespace also appears on desktop.
Further, the site title simply doesn’t appear unless I change the z-index to a higher value, such as 99.
If you have a css fix I could use for now that would be great, at least until you get around for pushing a proper fix.
Thanks!

Hi,

please edit the home page with elementor and adjust the margins of the first section (check the video below)

https://sharing.clickup.com/clip/p/t1856033/724bc31d-5d4a-4430-97f1-9031ba4a8c54/screen-recording-2022-06-10-09:50.webm?open=true

This will fix your issue.

Kind Regards,
Nick

Thanks. I’ve been playing with the margins and for the most part it’s doing the trick. There’s two downsides I’ve noticed. First, this has a cascading effect on the sections below it, and depending on how I change the content, the margins also need to be adjusted on each section below it. Again, mostly for the responsive views. Second, the Elementor “Responsive View” only covers three breakpoints, but the theme/templates seem to have more. So while your margins might be all set up and looking great in the editor, testing with the browser inspector in responsive view shows some whitespace appearing in some other breakpoints, I’ve specifically noticed between 770 and 800 pixels wide for example, and there’s no setting to fix that. I can fix that with some css though, but for regular users with no css experience it won’t be so easy. Perhaps the breakpoints are different than the default Elementor breakpoint settings in the editor?
Cheers!