Return to previous page

Reduce header blank space - by bsalter - on WordPress WooCommerce support

This topic has 7 replies, 2 voices, and was last updated 10 years, 6 months ago ago by Eva Kemp

bsalter

Participant

May 29, 2014 at 17:51

Within the header how can I reduce the blank space above and below the logo and search box? With so much header height it is pushing the page content down too much.

#5426 Copied

6 Answers

Eva Kemp

Support staff

May 29, 2014 at 18:11

Hello,

Please provide us with the link to your site.

Regards,
Eva Kemp.

#5427 Copied

bsalter

Participant

May 29, 2014 at 19:14

http://myblushboutique.com

#5434 Copied
Eva Kemp

Support staff

May 29, 2014 at 19:54
Try adding this code into custom.css file:
```
.header2 {
    margin-top: 5px;
    margin-bottom: 5px;
}
```
Here is the tutorial where you can watch how to create custom.css.

Regards,
Eva Kemp.
#5437 Copied
bsalter

Participant

May 29, 2014 at 20:09

Please look at this diagram http://myblushboutique.com/header_spacing.jpg

The header2 margin doesn’t seem to do what I need or perhaps I’m doing something else wrong. I’m trying to reduce the space immediately above and below the logo and search box. This space is inside the header not above and below the whole header. The logo has already been cropped to the max so there is no extra space within the logo image file itself.

#5441 Copied

bsalter

Participant

May 29, 2014 at 20:13

My apologies Eva. The custom.css file option was turned off in theme options. That works.

Thank you very much!

#5442 Copied

Eva Kemp

Support staff

May 29, 2014 at 20:27

You’re welcome.
We’re glad you’ve managed to resolve the issue.

Regards,
Eva Kemp.

#5444 Copied
Viewing 7 results - 1 through 7 (of 7 total)