Search Results for 'logo'

Hi,

You can choose from Header styles 9, 10 or 11 if you want to display bigger logos. These header styles do not have a limit for the header logo
– https://forum.tagdiv.com/logo-favicon/

Thanks

Hello,

We have tested the logo on our end but could not see any problems with it except for the bottom spacing on the image itself causing a bigger gap under the logo: https://www.screencast.com/t/Usz5BwMUVjjF You can see the positioning on the sticky menu as well. It is recommended you edit the logo image and reduce the bottom space on the image: https://www.screencast.com/t/OejO7ImH
Other than that, the logo loaded correctly on all our devices.

Thanks.

Hi,

If you would like the logo to stretch to the edges of the screen, you need to upload a bigger logo image. The current header style you are using does not have a limit for the image. You can use any size you want, and it will be displayed.
Also it is worth mentioning that when a background color or image is used, the website layout becomes boxed
– https://forum.tagdiv.com/background-introduction/
At the moment you have a white background color, so a full logo will be displayed like this example (boxed)
– https://www.screencast.com/t/6UPrVOC4pjVr
Removing the background color or stretching the header logo space with the options in the theme panel
– https://www.screencast.com/t/gHfCKSNkVjwM
Will display the logo in full width like this
– https://www.screencast.com/t/ouaeFnIWA
So you just need to create and use a bigger logo image, depending on your preferences.
There are dedicated custom code sections in the theme panel, that you can use to further customize the website. Or enter the code directly in the theme main stylesheet. A child theme can be used as well for this purpose.
You also need to create a homepage using the composer and set it
– https://forum.tagdiv.com/homepage-how-to-build-and-set-it/
– https://forum.tagdiv.com/tagdiv-composer-tutorial/

Thanks

Hi,

The header style you are using does not have a limit for the logo image. If you would like it to cover all the space, simply upload a bigger logo image. Your current logo is like this
– https://www.screencast.com/t/LHnIWzzEipl
And the logo container for me is bigger
– https://www.screencast.com/t/lfn4hZooD
The logo image will not get stretched to fit, you have to use a bigger one. On bigger devices there will be an empty space if the image is smaller.
On mobile you can try a code like the one below for what you want to achieve. It will remove the gap you mention, align the logo to the left and move the menu toggle to the right
– https://www.screencast.com/t/dx0y4Glys8zh

.td-main-menu-logo img {
max-height:54px;
margin-left:0;
}
#td-top-mobile-toggle {
float:right;
}

This code must be entered in the Theme panel->Advanced CSS in the phones section. Please let me know if I misunderstood something, and I will make adjustments.

Thanks

Hello benitouk,

You can achieve this style if you will use a bit of CSS code. Try to add the code below in Theme panel->Custom CSS area, like this ->

.td-header-menu-wrap-full{
height:44px!important;
}
.td-header-style-6 .td-main-menu-logo a {
line-height: 44px!important;
}
.td-header-style-6 .td-main-menu-logo img {
max-height: 44px!important;
}
.td-header-style-6 .sf-menu > li > a {
line-height: 44px!important;
}
.header-search-wrap .td-icon-search {
line-height: 22px!important;
}

The result is here -> https://www.screencast.com/t/Xb4JM6Zov

Hope this helps!

Thanks for your understanding!

Hello,

@Sami, as a quick fix, you can try using a bit of CSS code to increase the height of your logo. Use the code below and place it in Theme panel->Custom CSS area.

The code is ->

.td-main-logo img{
height: 218px;
}

Please notice that property has the height: auto and if you will use another logo with a big height than this one, the theme will display the logo with the real height of the image.

@ChaotiX66, provide your website URL and also, some details about your header logo so I can understand what and where is the problem.

Thanks for your understanding!

Hi,

Please provide more details about these Continue buttons or a link to your website where they are present, for a more accurate solution.
The header style that the demo is using does not have a limit for the header logo. You can set any logo size you want, and it will be displayed as it is. This is the case for header styles 9, 10 and 11
– https://forum.tagdiv.com/logo-favicon/

Thanks

Hi,
You can tr to use this custom css in your theme panel-> custom css box:
.td-logo-wrap-full{
margin-top:20px;
}

If the code does not work properly, please provide a link to your site so I can inspect it.

Thanks

Hello,

1) Please clear all caching including a cdn server and contact your host and have them disable any hosting side cache.
2) Please provide a link to your site sop I can inspect the logo issue.
3) Unfortunately if you use the speedbooster plugin this can be an effect of it. Or any other tool that minifies css or moves the css load to the footer. There is no way around it. Either it loads first and you do not see the rewrites, or it loads last providing a faster loading speed for your site but you can see the rewrites happen. Css only provides a compromise for speed vs visuals. Unfortunately you cannot have both.

Thanks