[lewisjm]

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!

[Mahesh]

@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 the header-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,
Mahesh

[lewisjm]

Thanks! 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,
Jennie

[Mahesh]

@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,
Mahesh

[lewisjm]

Thanks for all of your help!

[Mahesh]

@lewisjm: Thank you for your appreciation. Have a nice day!

Regards,
Mahesh

[Author]

Posts