How to reduce header height.

Posted in: Newspaper
Post count: 3
ranahard
#144761
Nov 22, 2016 at 11:19 pm

The header allocated space is too big. How can I reduce header height..?

Post count: 23312
Catalin
#144825
Nov 23, 2016 at 11:27 am

Hello ranahard,

Provide your website URL so I can inspect it closer and also, so I will be able to provide a more accurate response.

Thanks for the message!

Post count: 3
ranahard
#145573
Nov 28, 2016 at 7:26 pm

Hi Catalin
Hope you are doing great!

http://www.aipost.com/

Above is our site link, you can see the distance upper and lower area of the logo. We want to reduce that.

We are not programmers but we can adjust recommended things.

Thanks.

Rana

Post count: 23312
Catalin
#145662
Nov 29, 2016 at 10:33 am

Hello ranahard,

If you want to decrease the height of your header, you should use a bit of CSS code to do that. Try the code below and place it in Theme panel->Custom CSS area.

The code is ->

.td-header-style-10 .td-logo-wrap-full .td-logo {
line-height: 70px;
}
.td-header-style-10 .td-logo-wrap-full {
min-height: 70px;
}

The result you should see here -> http://screencast.com/t/Tq87IkV5ro6

Thanks for your understanding!

Post count: 20
prismss
#157775
Feb 11, 2017 at 4:22 am

Hi Catalin,

I have used this css the way you have given in the screen shot. But it is working for only Home page. Could you please let me know how can i apply this code for every page header.

Thanks
Prismss

Post count: 23312
Catalin
#157938
Feb 13, 2017 at 11:31 am

Hello prismss,

Try to use the code below and place it in Theme panel.

The code is ->

.td-header-style-10 .td-logo-wrap-full {
line-height: 70px!important;
}
.td-header-style-10 .td-logo-wrap-full {
min-height: 70px!important;
}

Thanks for the message!

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