Hi,
I have the single line header (Style 8 ) enabled & have it set to sticky.
When you first load up a page, the header is vertically large (around 80 px in height) , but once you start scrolling , the header turns sticky and looks smaller and much more elegant ( around 50 px in height).
I want to have that “scrolling/ elagant” single header(50 px) to show up on top of the page instead of the original 80 px one.
I am very happy to play / modify code if needed .
and can provide you site & FTP access details if needed.
Cheers,
Wissam
Hi,
You can use custom css for this: http://screencast.com/t/Eak92erw
.td-style-8-logo-wrapper .td-logo img {
max-height: 48px !important;
}
.td-header-style-8 .menu-item{
max-height: 48px !important;
}
.td-header-style-8 .menu-item a{
max-height: 48px !important;
}
.td-header-style-8 #td-top-search{
max-height: 48px !important;
top: 0px;
}
.td-header-style-8 .td-li-wrapper-menu .sf-menu > li > a .menu_icon{
top: 10px !important;
}
.td-header-style-8 .td-li-wrapper-menu .sf-menu > li > a {
height: 51px!important;
line-height: 50px !important;
}
.td-header-style-8 .td-li-wrapper-menu .sf-menu > li > a .sf-sub-indicator{
top: 26px!important;
}
.td-header-style-8 {
position: relative;
height: 51px !important;
}
.td-header-style-8 .td-li-wrapper-menu .sf-menu li:hover ul, .td-header-style-8 .td-li-wrapper-menu .sf-menu li.sfHover ul{
top: 55px;
}
.td-style-8-menu-wrapper .header-search-wrap .dropdown-menu{
top: 46px !important;
}
Please adjust it like you wish.
Thanks!
Thank you Alin , worked perfectly and saved me lots of time.
