- This topic has 6 replies, 3 voices, and was last updated 5 years, 2 months ago by imajons.
-
AuthorPosts
-
December 13, 2018 at 7:33 pm #161457Imco97Participant
I’m having some trouble setting the header height of this theme. Currently the home page has a proper full-screen height with my logo and all, but the header height on different pages seems to be abnormally large, causing a large “blank” header portion.
As you can see on this page of my website, the height of the header is quite large and I would like to reduce it, so it’s closer to the height of the menu. So far I’ve tried a couple of things, but I can’t seem to find a setting that does what I want. Is it possible to change this height and if so, how?
December 13, 2018 at 10:50 pm #161468Imco97ParticipantSadly my website is down at the moment, so the link doesn’t work. The giant header can be seen in this picture, it occurs on both mobile as desktop
December 13, 2018 at 10:59 pm #161472sapanaParticipant@imco97: let me know as soon as your site is accessible so that I can look into those issues.
Kind Regards,
SapanaDecember 14, 2018 at 12:11 pm #161526Imco97ParticipantThe website is up and running once again! I still haven’t been able to fix the header height. https://rayscendo.com/about/
December 14, 2018 at 3:49 pm #161534Imco97ParticipantAfter a long time, I managed to fix it myself. In case anyone has the same problem, changing the line-height of the title to 0 fixed it for me.
.header-media h2 {line-height: 0 !important}
December 16, 2018 at 10:42 pm #161611sapanaParticipant@imco97: Go to=> Appearance=> Customize=> Additional CSS and add the following CSS code
.custom-header-content { padding: 40px 0px; } body:not(.home) .custom-header-content { padding: 40px 0px; }
Let me know if this helps you out!
Kind Regards,
SapanaMarch 1, 2019 at 8:11 pm #167042 -
AuthorPosts
- The topic ‘Change header height’ is closed to new replies.