Edit main height on Newspaper 7 menu style 6 for example see: http://www.awesomescreenshot.com/image/1582029/8aa1a29b601afeed7ae12a03b8f058f7
Hi
Header’s layout relay on a fixed width generated by js which can’t be overwritten with css, sorry. To change the header’s height you will need a different approach for all elements displayed there, logo, menu, search box.
This task involve some customizations and also many tests in order to be achieved. We can’t offer customization services at the moment so if you really this and you’re not aware of the steps you need to take in this regard please consider hiring a developer or a freelancer to do this for you.
Thanks for your understanding!
Hi wpmu,
Please notice that the js theme file is quite complex and if you are not aware of the steps in this regard you cannot accomplish to do what you want to achieve. The js core file is here -> http://screencast.com/t/6VpnYiZdVTNZ
Thanks for your understanding!
Thank you for your reply I have got most of it done but there is a string of js I can’t find that keeps appending 80px to the menu…. Here is the result I have got so far https://www.wpmultiverse.com/… However on touch devices, for example, an iPad, when I scroll down and then scroll back up it, displays the default 80px height.
Here is the code i used:
/*menu*/
.td-main-logo img{ width: 58%!important; }
.td-header-style-6 .td-main-menu-logo a { line-height: 0px!important; }
#td-top-search { margin-top: -27px!important; }
.header-search-wrap .td-drop-down-search {
top: 43px;
right: -2px;
}
jQuery( window).load(function() {
jQuery('.td-header-menu-wrap-full').removeAttr('style');
jQuery('.td-header-menu-wrap-full').css('height','40px');
});
jQuery( document ).ready(function() {
jQuery('.td-header-menu-wrap-full').removeAttr('style');
jQuery('.td-header-menu-wrap-full').css('height','40px');
});
Any suggestion?