Hi guys,
I need some small changes. Could you help me?
1. Website uses style 9 header and I need a bigger logo on desktop only (max height 54px instead of 44px). Mobile version should be the same.
I tried this by changing this:
.td-main-menu-logo img {
position: relative;
max-height: 54px;
margin: 0px 21px 0px 21px;
AND
.sf-menu > li > a {
padding: 0px 15px 0px 15px;
line-height: 54px;
font-size: 14px;
color: #ffffff;
font-weight: 700;
font-family: ‘Open Sans’, arial, sans-serif;
text-transform: uppercase;
-webkit-backface-visibility: hidden;
But it moved down the logo to much on mobile version…
2. 20x margin between menu and newsgrid 
3. Subfooter: What I have: 
What I need: 
Hi,
1. Try this css to change the logo height just on desktop screens: http://screencast.com/t/cf4tUQCai7J0
@media (min-width: 1201px) {
.td-main-menu-logo img {
max-height: 54px;
}
}
2. Use this css for the margin: http://screencast.com/t/AqmaZUgMdNWA
.td-container {
margin-top: 20px;
}
3. Please make sure you set the sub footer like this: http://screencast.com/t/fHkDU3Flmp
* http://screencast.com/t/xUAUCLmgw
* http://screencast.com/t/gw7dOD0oMs
Hope this helps!
Thanks
Pls my logo is not in the right position. here is a link to a screenshot of what it looks like now http://nimb.ws/acLmPF
When I use your 1st fix the menu items will not be centered anymore. So the menu items need a new line-height without affecting the mobile version. How can I do this?
Your 3rd fix doesnt solve my problem. I just need 1 copyright text line (like my example). No menu’s involved….
How can I do this?
I think for the footer full line, without menu, you’d have to modify the footer template to have the copyright line run the full span width and remove the div for the footer menu.
Tech support would need to specify exactly how to do that.
In our case, we just made really short copyright notice, then put the rest on the legal page, linked to along with privacy policy from the sub footer menu option.
Pls my logo is not in the right position. here is a link to a screenshot of what it looks like now http://nimb.ws/acLmPF
Did anyone even notice i had a problem with the logo on my website?
Please help i need to fix this issue.
You might need to reduce the width of your logo in your style.css file. I reduced mine to at least 256px (which worked for me) from the settings default of 272px. That’s the only thing I found that would solve the problem when the header ad appears on the right of the logo. The developers might have another solution, however.
@media (min-width: 1201px) {
.td-main-menu-logo img {
max-height: 54px;
}
}
When I use your 1st fix the menu items will not be centered anymore. So the menu items need a new line-height without affecting the mobile version. How can I do this?
.td-container {
margin-top: 20px;
}
2nd fix is not working as well, because other parts (e.g footer…) are also wrapped in this container.
my website: tiny.cc/tagdiv
Thank you in advance…
Hi,
For the first issue please use the css like this: http://screencast.com/t/kM5UDCHsH
@media (min-width: 1201px) {
.td-main-menu-logo img {
max-height: 54px;
}
.sf-menu .td-menu-item > a {
height: 54px;
padding-top: 5px;
}
}
For the second you can use the css below and add a margin to the bottom of the menu, like this: http://screencast.com/t/h8WUzNmcauED
.td-header-menu-wrap {
margin-bottom: 20px;
}
Hope this helps!
Thanks
How can I get more room around the logo and the menu? I need like 5px above and underneath the logo and menu:
What I got:
What I need:
Hi,
Use this: http://screencast.com/t/XvVfv4d2Psog
.td-header-main-menu .td-make-full {
margin-top: 5px;
margin-bottom: 5px;
}
Thanks
