Hi Colorlib,
Thank you for the free theme!
I have just about everything figured out except one thing. If anyone can help that would be great!
I can’t seem to find a way to change the header height using additional CSS
I have been through the forum but can’t seem to find what I’m looking for.
I just want to make the header image on all pages except the home page, shorter. This way you will see more than just the header image when you navigate to the page.
Thanks!
Hey there,
Hope you’re doing well today
Kindly add and save the following code to Appearance > Customize > Additional CSS:
#site-header-inner {
height: 150px!Important;
}
I hope this helps
Best Regards,
Support
Thanks for the quick response,
Unfortunately, this didn’t work. Here is a link to the site (a work in progress)
getretouched.com
- you’ll see when you view source that the code you provided has been inserted in the additional css section but the header is still too large.
thanks,
kyle
Hi there,
Thanks for keeping in touch with us.
Kindly add and save the following code to Appearance > Customize > Additional CSS:
.home #header .top-header {
width: 100%;
padding-top: 40px!important;
}
#header .top-header {
width: 100%;
padding-top: 0px!important;
}
I hope this helps
Best Regards,
Support
That doesn’t seem to be working either.
I have left the code active on the site in the additional css
getretouched.com
Right now the header of the inside pages seems to stay at around 500px no matter how wide the window is.
If I could even cut that in half it would work a lot better for me.
Thank you,
Kyle
Hey there,
Hope you’re doing well today
Just a quick question to check something. Are you referring to the header in regards to the menu or the entire menu/jumbotron section? This may be the reason you’re having issues. (see screenshot)
Please let me know so that I can provide the proper code to help out with this.
I look forward to your reply
Best Regards,
Support