-
Author
-
October 9, 2014 at 14:30 #31167MjParticipant
I have been looking for a solution, without success. I found these topics:
https://archived.seventhqueen.com/forums/topic/header-height
https://archived.seventhqueen.com/forums/topic/kleo-setting-header-height-defining-navigation-font-size
https://archived.seventhqueen.com/forums/topic/header-size-add-menuBut I couldn’t find a way to reduce the size of the main header from line-height 88 to 44.
Any suggestions?
October 9, 2014 at 14:38 #31169MjParticipantCOPY CODE.kleo-main-header .navbar, .kleo-main-header .navbar-collapse ul { line-height: normal; }
does not work.
October 9, 2014 at 18:16 #31203CatalinModeratorHello,
Add this in your style.css file from your chilf theme:
COPY CODE.top-banner { padding:0 !important; height: xxpx !important; }
where xxpx is the new size you want to add.
Thank you,
CatalinHi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionOctober 9, 2014 at 22:45 #31217MjParticipantThis code is related to the extra container I added to my template. But I do like to reduce the height of the header, not the container below the header. The one with 88px height.
October 10, 2014 at 10:58 #31247CatalinModeratorplease send me admin credentials to your website… reply as private for security reasons. 10x
Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionOctober 11, 2014 at 03:10 #31392AbeKeymasterHello, to reduce it try with:
COPY CODE.kleo-main-header:not(.header-scrolled) .navbar-header, .kleo-main-header:not(.header-scrolled) .navbar-collapse > ul > li > a { line-height: 44px !important; }
Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution---
@ SeventhQueen we do our best to have super happy customers. Thanks for being our customer.October 11, 2014 at 13:33 #31413MjParticipantIt is almost perfect, please check this video: http://youtu.be/oR2HLxjY5ns
There is a small transition left between the sticky and un-sticky main menu.October 12, 2014 at 00:05 #31446AbeKeymasterThen try:
COPY CODE.kleo-main-header .navbar-header, .kleo-main-header .navbar-collapse > ul > li > a { line-height: 44px !important; }
Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution---
@ SeventhQueen we do our best to have super happy customers. Thanks for being our customer.October 15, 2014 at 11:34 #31780MjParticipantAlso, these line-height css settings are affecting the mobile view as well. 🙁
October 15, 2014 at 14:21 #31802AbeKeymaster@woekerzee
It just stroke me 🙂 Why don’t you disable the logo resize on scroll from Theme options – Header and upload your logo 50% height smallerHi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution---
@ SeventhQueen we do our best to have super happy customers. Thanks for being our customer. -
AuthorPosts
The topic ‘Unable to reduce the height of the header’ is closed to new replies.