Hi,
Adding the following CSS will do the job:
.header {
height: 500px !important;
}
And you should use a trick to only add this CSS to your site’s front-page. 🙂
Regards,
Hardeep
Hi,
Please mark this thread as resolved, and don’t forget to review the theme if you like it. 🙂
Regards,
Hardeep
Hi,
Changing the .header to 500ps worked but now every page has a header with 500px. Ive tfied changing what template each page is using but the header is still there. I only want the header on the Home page to be fixed at 500. Any ideas?
Hustletalktv.com
Try this code instead 🙂 :
.home .header {
height: 500px !important;
}
Regards,
Hardeep
I’m glad it worked. Thanks for the review, Danna. 🙂
Regards,
Hardeep
Hi everyone,
I got this to work, 90%!
There is now a grey bar/shadow where the old height used to end…
check out balloomination.de to see what I mean.
The height was successfully changed using the
.home .header {
height: 500px !important;
}
CSS code.
Question is, how do I get rid of the grey bar?
Thanks!!!
Hi,
Please give me the link to your website to check it. 🙂
Regards,
Hardeep
Hi,
Adding this will remove it:
.header-content-wrap {
box-shadow: none !important;
}
Regards,
Hardeep
Thank you Hardeep – much appreciated!
Seems to have solved the Problem.
Best,
Alex
Hello @Ballomination I noticed that your website has pages created, but instead of leading you to a different page, it actually directs you to another part of the same page. How did you do that?
