I would the logo larger and the header height to expand accordingly. I tried larger logos but didn’t change the size. How would I modify the css to achieve this?
http://fidouniverse.com/fidoblog/
Thanks!
Hi,
The css limits the height to 76px – http://screencast.com/t/xoXJgSt0uiR
You can try the following css to change that:
.td-header-style-8 .td-style-8-logo-wrapper .td-logo img
{
max-height: 176px;
}
.td-boxed-layout .td-header-style-8 .td-menu-wrap, .td-header-style-8 {
height: 172px;
}An alternative is to use another style.
Thank you, Emil G.
That worked great. Thanks! Now how to I move the menu down so that the megamenu top aligns with the bottom of the header background.
http://fidouniverse.com/fidoblog/
Hi,
Please use this custom css:
.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: 135px;
}Should work like this: http://screencast.com/t/QDR2KRJel
Thanks
Unfortunately that css did not work or move the megemenu at all.
http://fidouniverse.com/fidoblog/
I would like the menu and the megamenu to both move down together until the top of the megamenu to align with the bottom of the blue background.
Please view the following to see how I would like the menu to be positioned.
http://www.screencast.com/t/RoRnvYj9l
Thanks!
hi,
I have tested this on your site and as you can see from the screenshot it should work fine: http://screencast.com/t/kBCApNSmfQm
Please make sure you add the following custom css in theme panel > custom css like this: http://screencast.com/t/HXqaQu7Pmj3
Thanks
Could you please copy and paste the css in this thread. I have tried to manually input from the screenshot but having trouble getting it exact.
Thanks!!
Hi,
Please remove all css that me and Emil provided for this and use just this one to get this result: http://screencast.com/t/uRAgnCzQKYCh
.td-header-style-8 .td-style-8-logo-wrapper .td-logo img
{
max-height: 176px;
}
.td-boxed-layout .td-header-style-8 .td-menu-wrap, .td-header-style-8 {
height: 172px;
}
.td-header-style-8 .td-style-8-menu-wrapper {
vertical-align: bottom;
}
.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: 176px !important;
}Thanks
Perfection! Thanks so much.
