Search Results for 'header'

Hi,

Only tagdiv blocks have an option to set header color, unfortunately wordpress default widgets don’t have a similar option, but we have an option in Theme Panel > Theme Colors to set a general color for all blocks/widgetstitles – http://screencast.com/t/PUo9oX2EBA5 – http://screencast.com/t/4JSLNzJXt

Thanks!

Hi,

Please add a background color from Theme Panel > Theme Colors – http://screencast.com/t/9OGLTLOsV2 as the site will automatically switch to boxed version when background color (or image) is used so it will not matter what header style you use.

Thanks!

Hi,

I see that you use version 4 of the theme. Unfortunately there is not a header style to look like this, but you can achieve this if you edit header.php file and make this change for case 3(header style 3 that you use) – http://screencast.com/t/cfk3fuLzSz

Thanks!

• This reply was modified 11 years by Alin [tagDiv].

Hi,

The speed booster plugin is optional that moves the css and js at the end of the page, this removes render blocking and improves the score on pagespeed. But also to have a good score is recommend to use less plugins.
Many plugins do not respect the google pagespeed recommendations of punting javascript at the end of the page and they just try to use jQuery in the middle of the page. This slows the site down and it also enforces the requirement that jQuery has to be in the header instead of the footer how Google recommends(this is the developer explanation).
We will try to improve this in future, but we don’t have a better solution for the moment.

Thanks!

Hi,

The controls provided in the Theme Panel -> Ads section work only for adsense. Also non-adsense banners are supported by the theme but you have to use the structure provided in the documentation – https://forum.tagdiv.com/header-ad/ – http://screencast.com/t/ytrqUizn0KZ – You have to add multiple banners, one for each device. If you want to disable the ad on one device simply remove the line used for it – http://screencast.com/t/EsgtCFLj

Thanks!

Hi,

Just paste this code in Theme Panel > Custom Css – http://screencast.com/t/MbJWkqsf

@media (max-width: 767px) {
.td-header-wrap .td-header-menu-wrap-full, .td-header-wrap .td-header-menu-wrap, .td-header-wrap .td-header-main-menu {
background-color: #fff !important;
}
#td-top-mobile-toggle i, .header-search-wrap #td-header-search-button .td-icon-search {
color: #222 !important;
}
}

Result: http://screencast.com/t/TC2Qt7US

Thanks!

Hi,

What version of the theme do you use? An also what header style? Please provide more details and also your site url.

Thanks!

Hi k24,

I have checked your site and the issue with social icons is happening also on desktop. Please check this without any plugins active except of Visual Composer, clear cache and purge your files as I see that you use CDN, then see if you still have this issue with social counter icons.
If this doesn’t fix the issue, please try to replace elements.png and elements@2x.png files with those provided with the theme version that you use – http://screencast.com/t/NYJ6voKq
Regarding mobile menu you can use custom css the change it color: http://screencast.com/t/eu3aUxL2pm

@media (max-width: 767px) {
.td-header-wrap .td-header-menu-wrap-full, .td-header-wrap .td-header-menu-wrap, .td-header-wrap .td-header-main-menu {
background-color: #fff !important;
}
#td-top-mobile-toggle i, .header-search-wrap #td-header-search-button .td-icon-search {
color: #222 !important;
}
}

Yes, you can use this guide to update the theme to the latest version(A-also video tutorial,B,C) – https://forum.tagdiv.com/how-to-update-the-theme-2/ and you can do this without plugins active and then update the Visual Composer and other plugins that come with the theme(if you use).

Thanks!

Hi,

You have a css that overwrite the default – http://screencast.com/t/upPaQOrWLc – http://screencast.com/t/uqT0TSSHs41S If you inspect our demo you can see that this is the css code without margin-left on specific devices – http://screencast.com/t/OcbNqZ9kDPF
So please check you custom css and fix that or you can try this code in Theme Panel > Custom Css – http://screencast.com/t/PcN45iwTHHb

@media (min-width: 1019px) and (max-width: 1140px) {
.td-header-style-1 .td-header-sp-logo {
margin-left: 0 !important;
}
}

Thanks!