How do I reduce the amount of empty space above and below my logo?

Posted in: Newspaper
Post count: 6

Hi,

I’ve added my logo to my website but I’ve got too much extra empty space both above and below it, see here: https://imgur.com/13ofqQA

How do I reduce this empty space?

Thanks
Bradley

Post count: 20688

Hi,

What header style are you using? Looks like style 10. There is indeed a minimum height set for it, as design I believe. You could try the solution from this topic to reduce it
https://forum.tagdiv.com/topic/header-hight/

Please let me know if you have more questions.
Thanks

Post count: 6

Hi Simion C.

Its Header style 1 if that makes any difference to the code? Also, if I reduce the empty space a little, will I still be able to display a header ad?

Thanks,
Bradley

Post count: 20688

Hi,

So you are using header style 1. That is the one the live theme demo uses
https://demo.tagdiv.com/newspaper/
There are some margins there, without those it wouldn’t look good
http://prntscr.com/oh4qju
But I could reduce the margins top and bottom to half – http://prntscr.com/oh4rl8

.td-header-style-1 .td-header-sp-recs {
margin: 14px 0 9px;
}
.td-header-style-1 .td-header-sp-logo {
margin: 14px 28px 9px;
}

The code can be entered in the theme panel custom CSS section. Please let me know if you have more questions.

Or you could build your own header with the header builder and the cloud library plugin
https://forum.tagdiv.com/tagdiv-cloud-library-plugin/
There are cloud headers built by us that you can import and modify if needed
https://cloud.tagdiv.com/#/load/Headers
These headers can be created/modified in the composer. If you want to build one from scratch, use the blank header template.

Please let me know if you have more questions.
Thanks

Viewing 4 posts - 1 through 4 (of 4 total)
The forum ‘Newspaper’ is closed to new topics and replies.