Hi,
My site can be found here – http://getgaining.com/
Problem 1: I currently have “Transparent Header” toggled off, yet the header is still transparent.
Problem 2: There appears to be a second line atop the page, below the header. I’m not sure why it’s there or what it is. It doesn’t appear in any of the demo themes I see on your site.
Problem 3: My logo hangs slightly out of position.
I’ve taken screenshots of the problems here – http://imgur.com/a/LDdj1
Please let me know how to solve these as soon as you have a couple minutes to spare.
Thank you for your time.
Hi,
1. This is the menu: http://screencast.com/t/WhP5E5Ny an you can set a background color for it from theme panel > theme colors, like this: http://screencast.com/t/ATvlTvxVB
2. That happens because of the height of the logo which needs to be at 80px maximum height. You can fix this via css and use the css from below in theme panel > custom css filed: http://screencast.com/t/JNxk7GFpql
Use this css to fix the third problem:
@media (min-width: 1200px) { .td-header-style-8.td-affix .td-style-8-logo-wrapper .td-logo {
max-height: 80px !important;
}
.td-header-style-8 .td-style-8-logo-wrapper .td-logo {
max-height: 80px !important;
}
.td-header-style-8 {
height: 76px !important;
}
}
/* responsive landscape tablet */
@media (min-width: 1019px) and (max-width: 1200px) {
.td-header-style-8.td-affix .td-style-8-logo-wrapper .td-logo {
max-height: 50px !important;
}
.td-header-style-8 .td-style-8-logo-wrapper .td-logo {
max-height: 80px !important;
}
}
/* responsive portrait tablet */
@media (min-width: 768px) and (max-width: 1018px) {
.td-header-style-8 .td-style-8-logo-wrapper a img {
max-width: 140px !important;
}
.td-header-style-8 .td-style-8-content-wrapper .td-head-style8-logo-desktop {
display: block !important;
}
}
/* responsive phone */
@media (max-width: 767px) {
.td-header-style-8 .td-style-8-content-wrapper .td-head-style8-logo-desktop {
display: block !important;
}
.td-header-style-8 .td-menu-wrap {
height: 48px !important;
}
}
Thanks
Thank you very much, Lucian. All fixed.
Hi Lucian,
I just uploaded a background to the site mentioned above and it broke the header again. It has re-created problem 3 – the logo drooping out of the bottom of the header.
I tried re-uploading the logo sized at a height of 80px, and left your custom CSS in place, but the logo is still out of place.
Link – http://getgaining.com
Screenshot – http://imgur.com/uHnIUcV
Please let me know what you think the problem is when you can spare a minute or two,
Jamie
Hi,
Please use this css to fix it: http://screencast.com/t/3Hpz6F8uafQK
@media (min-width: 1200px) {
.td-boxed-layout .td-header-style-8.td-affix .td-menu-wrap {
height: 76px;
}}
Thanks
