Search Results for 'logo'

Hello,

Please access the theme panel under the header section and check the logos there. You probably did not add a mobile logo https://www.screencast.com/t/8q6Mb1UFk

Thank you!

Hello JonasWiuff,

Do you want to change the H1 from the logo? Notice that the theme does not have any such an option for it and if you want to make this change you should edit the theme core files. Notice that we added the h1 on logos where there is no h1 on the page. SEO requires an h1 tag.
If you want to remove it, you will have to either use the page builder + page title template where the h1 is shown in the page content, and the logo does not get an H1 tag anymore or by editing the theme files and removing the h1 tag from the theme code: https://www.screencast.com/t/9uXujjSj

Thank you!

Hi,

The background color of the header can be set in the theme panel, also the header menu and sticky menu background color
– https://www.screencast.com/t/w1LF7D4w
– https://www.screencast.com/t/0Fynig9t
Maybe those settings would be sufficient for what you want to do.

If that image is the logo, you can set a logo for desktop and a different one for mobiles
– https://www.screencast.com/t/ji3ZR8cD

Thanks

Hello emirza,

Please make sure that you have respected our recommended size for your logo according to our documentation from here -> https://forum.tagdiv.com/logo-favicon/

Thanks for your understanding!

Hi,

1. That website seems to use a svg logo, this one to be more exact
– https://d5c0iea6jarb7.cloudfront.net/images/hypebeast2018/hypebeast-logo.svg?w7h421lv
From what I can find online there are differences between image quality when using svg as logo. Some topics I found here
– https://www.externaldesign.com/using-svg-graphics-in-wordpress/
– https://elfsight.com/blog/2017/05/svg-png-jpeg-choose-the-image-format-for-your-website/
– https://bjornjohansen.no/svg-in-wordpress

2. There is no unnecessary vertical space added, the header will be the height of the logo plus some padding
– https://www.screencast.com/t/Rs7neHZpg
So the height of the header will be the height of the logo and some padding. Changing the line height of the main menu may affect the total height of the header
– https://www.screencast.com/t/2MxDUFDm67

3. If you want to use that code be sure to enter it in the Theme panel advanced CSS desktop section, modification made to headers may not look best across all devices, so multiple codes would have to be made by viewport, or a more optimized version then that example if possible.
It is best and also recommended to try and use header styles as they are.

Thanks

Hi,

The website logo is visible in the screenshot you provided, a simple search on Google led me to your website where I could see the problem happening. I added it on our list and it will be fixed.

Thanks

Hi,

Try it like this. Access the string translation options in the WPML plugin
– https://www.screencast.com/t/ryeaG73r
Search for “td_011” field and open it – https://www.screencast.com/t/36mNV6BgKl2
Next search for the “tds_logo_text” and “tds_tagline_text” and select them
– https://www.screencast.com/t/OQkHZBQNyZ
Click apply in the bottom of the screen – https://www.screencast.com/t/DflACrOg
Now those can be translated as you want
– https://www.screencast.com/t/1ljj8QUhLM

Thanks

Hello,

Yes, the statement meant it is not necessary to upload a mobile logo as it will be grabbed from the default header logo.
The color of the mobile background can be changed from the thee colors section or the mobile theme color section if you use the mobile theme plugin.
https://www.screencast.com/t/dILRhsd6ZR9p or https://www.screencast.com/t/fsKfQortWi8

Thank you!

Hi,

I made a comparison of the original image used and the logo image when set
– https://www.screencast.com/t/uvH5phCR
They would be the same quality as far as I can tell. As long as the full image size is used when uploaded the image will be displayed as it is.

So you would like to do something like this maybe
– https://www.screencast.com/t/GxNQPhj9A5w
This is the code I used in the example, you could experiment with it

.td-header-style-7 .td-header-sp-logo img {
max-height: 94px;
}
.td-header-style-7 .sf-menu,
.header-search-wrap {
margin-top: 12px;
float: left;
}
.td-header-style-7 .td-header-menu-wrap-full {
height: 94px!important;
}
.td-header-style-7 .header-search-wrap #td-header-search-button .td-icon-search {
line-height: 107px;
}

Also you could experiment with different header styles and make modifications to theme if needed
– https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/

Thanks

Hello,

Upon inspecting your logo, i cannot see it fuzzy or unclear. It is very clear: https://www.screencast.com/t/5WPVWOELzll
The vertical space comes from the image itself: https://www.screencast.com/t/c2ssAssuhA
Remove the extra space above and below the text from your image.
In order to have the menu items closer to the logo, you will have to use a different header style: https://forum.tagdiv.com/header-styles/

Thank you!