- This topic has 5 replies, 2 voices, and was last updated 7 years, 10 months ago by Mahesh.
-
AuthorPosts
-
December 7, 2016 at 5:30 am #104694lewisjmParticipant
Just trying out the Catch Box theme and I’m having trouble getting rid of the excess space between the header and the menu bar. I’ve read through a number of the previous posts regarding the issue and was able to make the white space smaller using
#header-content { padding-bottom: 0; }
but can’t seem to eliminate it entirely. The white space also gets a lot more pronounced on the mobile site preview. I’d like the header to be tight against the menu without any space between. Here’s the site url: http://elmira.stls.org Any help would be greatly appreciated. Thanks!December 7, 2016 at 9:55 am #104719MaheshParticipant@lewisjm: Its because, you’ve chosen not to display the Site Title and Site Description. If you want to get rid of it, you’ll need to hide the whole
header-content
with Custom CSS. But it will hide the search bar too as its inside theheader-content
.
Go to Dashboard=> Appearance=> Customize=> Additional CSS and add the following CSS:#header-content .searchform { top: 5px; } header-content { padding: 0; }
Let me know if any problem.
Regards,
MaheshDecember 11, 2016 at 2:42 am #105109lewisjmParticipantThanks! That worked perfectly. Do you know if there is a way to move where the search box appears when the header is hidden? Or if something like that can be done in the pro version?
Thanks again,
JennieDecember 12, 2016 at 10:16 am #105194MaheshParticipant@lewishm: No, you’ll need to do some customization for this. And no, this cannot be done with Pro version either.
I’ve edited the previous CSS above please use it, hope it helps.Regards,
MaheshJanuary 11, 2017 at 5:51 am #106867lewisjmParticipantThanks for all of your help!
January 11, 2017 at 12:41 pm #106883 -
AuthorPosts
- The topic ‘White space between header and menu’ is closed to new replies.