Hello! I’m having trouble customizing my header and logo. When I chose Style 3 or Style 1, for example, even the largest logo is compressed into a very small space, and there is a lot of surrounding white space. I would like to make the logo larger and have less white space. Also, the templates show that the logo and the menu will be left aligned, but the menu is indented, and the logo is indented from the top menu, so that none of them are aligned. Conversely, when I chose Style 7, my logo size isn’t compressed at all, so that I must upload a very small logo for it to be the appropriate size, but then the logo has poor resolution. Is there a way to remedy this? There is also an undesirable fade at the bottom of that style…is there a way to remove this?
Hello,
Please provide a link to your site that points out these issues. We have no reports of such issues regarding the logo. I tested all header styles again but found no issues from the theme side. Maybe you have an external source affecting you logo’s css.
Thank you!
Ok, this is my website in progress: http://e50.4da.myftpupload.com
This is a screenshot of my website when I use Logo style 7: http://e50.4da.myftpupload.com/wp-content/uploads/2017/04/Logo-style-7.jpg
This is a screenshot of my website when I use Logo style 8: http://e50.4da.myftpupload.com/wp-content/uploads/2017/04/Logo-style-8.png You can see that the date, logo, and main menu are not left aligned with each other.
Secondly, the sizes for the logo images that I am using in both examples above are: Logo 331×51, Retina Logo 497×78. You can see that Logo Style 8 is compressing the logo…it is legible but too small and there is too much surrounding white space. Conversely, Logo Style 7 is not compressing the logo image, it is not legible, and it is too wide which forces the main menu down creating too much white space.
Also, in Logo 7, I would like to remove the fade below the menu and replace it with a grey line (as is possible in Logo 1). Question: Where can I chose the color for the lower in line in Logo Style 1?
Thanks so much for your help!
Hello,
The large white space is dues to the fact that this header style has a header ad spot that is not used by you. https://www.screencast.com/t/PFYY13Gi
The ad container will still be there even if you do not use a header ad. Please use a header style that shows the full logo for example headers style 9, 10 or 11
As for the line, it is an image and the color cannot be changed. Sorry.
Thank you!
You have not addressed the issue with Style 7: Logo Style 7 is not compressing the logo image, it is not legible, and it is too wide which forces the main menu down creating too much white space…as you can see here: http://e50.4da.myftpupload.com/wp-content/uploads/2017/04/Logo-style-7.jpg.
Secondly in Logo Style 7, I would like to remove the fade at the bottom of Style 7 and replace it with a line. Do you have code that will do this?
Logo Styles 9, 10, and 11 are too tall…I would like to have the menu to the right of my logo as it is in Logo Style 7.
Thanks.
Hello,
Style 7 has issues with logos as big as yours. It needs a smaller logo in order to position properly.
You can replace the fade on header style 7 with a line using this code:
.td-header-style-7 .td-header-gradient:before{
border-top: 2px solid black;
}
You can make the logo position properly with a custom css code tough but now you do not use header style 7 on your site so I cannot inspect it.
Thank you!
Here is my current site using Logo Style 7: http://e50.4da.myftpupload.com/
The problem I am having is this: When I put in a logo that is the proper size, it is not clearly legible. When I add the retina logo (I am working on a macbook pro with a retina screen) the logo simply gets bigger. It doesn’t compress to make the logo image sharper as it does with the previous logo styles. Thanks for your help.
Hello,
In the full logo headers, the container does not have a limit set to it so a retina image will show the full size of the logo you upload. The image you upload is the one you will get on the retina display. On these header styles the retina functionality will not work as the rest because you cannot limit the size of the container as it will no longer be a full logo header. On these header styles please upload the size you want to show on each display as what you upload will be shown on the site in the original size.
Thank you!
Ok…can I use css to limit the size of the container? The problem is, my image isn’t showing the desired sharpness and quality on the full logo header. When the size of the container is limited, it compresses the image and I get a higher quality. Can you give css to fix this? Thanks!
Hi,
As a workaround you can add a fixed width and heigh (not affectin mobile) so you will be certain the container will always stya the same as the normal logo and not be biger on retina displays:
@media(min-width:767px){
.td-header-style-10 .td-header-sp-logo img{
width:526px;
height:255px;
}}
I hope this helps.
Thank you!
