No search results were found in Documentation!
Hello !
You can find a header design similar to this in our cloud library or you can create one using tagDiv Composer as you can see here: https://forum.tagdiv.com/header-manager/
Thank you !
I need a header like this and the width of the page to be wider like this:
https://cloud.tagdiv.com/header-template-51-influencer/?
how do I import this template??? I do not see it in tagdiv manager when I try to load the template!!
On #4 you have to add the server side script code to activate Google Ad Manager Ad Units.
First, on a txt editor copy the header code provided for every Ad Unit on Google Ad Manager, to do this go to:
Inventory/Ad units/
Then open every ad unit you need, one by one, by clicking on its name then:
1. go to tags.
2. choose Google Publisher Tag (GPT)
3. click continue
4. configure your ad unit (it’s fine if you leave this as is)
5. click continue again
6. third step will give you two codes. one that goes in the <head> and a second that goes in the <body> copy the head code and paste it on the txt edit document, now copy the body code and paste it in a different txt document.
7. do this for every ad unit you need to publish in you site.
8. you will end with two files, one with header codes and one with body codes. Save them, but don’t close them.
You need to edit the header to make one big code including every single ad unit instead a bunch of them.
This is my code so you can figure how…
<!-- GOOGLE AD MANAGER STARTS -->
<script type='text/javascript'>
var googletag = googletag || {};
googletag.cmd = googletag.cmd || [];
(function() {
var gads = document.createElement('script');
gads.async = true;
gads.type = 'text/javascript';
var useSSL = 'https:' == document.location.protocol;
gads.src = (useSSL ? 'https:' : 'http:') +
'//www.googletagservices.com/tag/js/gpt.js';
var node = document.getElementsByTagName('script')[0];
node.parentNode.insertBefore(gads, node);
})();
</script>
<script type='text/javascript'>
googletag.cmd.push(function() {
googletag.defineSlot('/14518XXXX/HP1_300x600', [300, 600], 'div-gpt-ad-XXXXX86917606-0').addService(googletag.pubads());
googletag.defineSlot('/14518XXXX/LB1_728x90', [728, 90], 'div-gpt-ad-XXXXX86917606-1').addService(googletag.pubads());
googletag.defineSlot('/14518XXXX/MR1_300x250', [300, 250], 'div-gpt-ad-XXXXX86917606-2').addService(googletag.pubads());
googletag.defineSlot('/14518XXXX/SB1_320x50', [320, 50], 'div-gpt-ad-XXXXX38988537-0').addService(googletag.pubads());
googletag.pubads().enableSingleRequest();
googletag.enableServices();
});
</script>
<!-- GOOGLE AD MANAGER ENDS -->
Now back to your site go to:
Newspaper/Theme Panel/Analytics JS Code/Header Script Code
and paste this code (yours of course).
This will allow your ad units to show on your site, if your Ad Manager Setting are correct.
Last thing to do.
Copy and paste the ad unit code where it should appear:
Newspaper/Theme Panel/Ads/
This is an example of my header position:
<div class="td-visible-desktop">
<!-- /14518XXXX/LB1 -->
<div id="div-gpt-ad-XXXXX86917606-1" style="height:90px; width:728px;">
<script type="text/javascript">
googletag.cmd.push(function() { googletag.display("div-gpt-ad-XXXXX86917606-1"); });
</script>
</div>
</div>
<div class="td-visible-tablet-landscape">
<!-- /145188550/LB1_728x90 -->
<div id="div-gpt-ad-1459286917606-1" style="height:90px; width:728px;">
<script type="text/javascript">
googletag.cmd.push(function() { googletag.display("div-gpt-ad-1459286917606-1"); });
</script>
</div>
</div>
<div class="td-visible-tablet-portrait">
<!-- /14518XXXX/LB1_728x90 -->
<div id="div-gpt-ad-XXXXX86917606-1" style="height:90px; width:728px;">
<script type="text/javascript">
googletag.cmd.push(function() { googletag.display("div-gpt-ad-XXXXX86917606-1"); });
</script>
</div>
</div>
<div class="td-visible-phone">
<!-- /145188550/SB1_320x50 -->
<div id='div-gpt-ad-XXXXX38988537-0' style='height:50px; width:320px;'>
<script>
googletag.cmd.push(function() { googletag.display('div-gpt-ad-XXXXX38988537-0'); });
</script>
</div>
</div>
One more thing. The head banner should be exactly 728×90 in desktop mode.
In the example above you can see that it displays a different version on mobile or desktop.
Hi
I am trying to resolve some issues with my new site.
I am using the ‘Gossip’ demo which I have adapted. Please see the attached screenshots below to see how it is at the moment, for reference.
1) The section that is ‘Latest’ (under the ticker) needs to be the same width as the section below it. I have looked through the settings but there isn’t anywhere that needs adjusting. Originally this section was moved from the bottom of the site (in the Gossip demo it is called ‘Latest Articles’). I just dragged it up the page but it is not staying the same width. How can I make it the correct width?
2) In my setup, in the first section area I have excerpts show. I know these can be turned off, but is there a way to show the Subtitle from each post here instead? I can’t see a setting for it to be switched on, so wondered if it is possible to add it in any way?
3) With the excerpts in the above section, the universal setting should be at 25 words. But for some reason mine are all varied in the blocks. I have gone through the theme and also each block in the composer to change them to 25, however they are not changing. Is there a setting anywhere else that needs to be changed?
4) I am trying to add ads from my Google Ad Manager account. However nothing is appearing in the leaderboard area in the header, as you can see. I have read through your documentation but I can’t find information for Ad Manager. Can you give me instructions on how to add it and where to place the code specifically?
Please let me know, and thanks in advance for you support!
Anton
Hi shasankagogoi,
As I see, now the header is no longer over the post and is displaying normal, the only difference that I can see now is that the font weight is not the same, for this you must be user that you are using the same cloud header and is not a different one.
Let me know the results!
Hi,
Usually this situation appear when you are using an overlay header, this will be set over the main page content and in your case this is empty.
What you need to do is to change the header using a header manager -> https://i.imgur.com/DfOFhoP.png after you change to a normal header an not overlay then you’ll be able to set new content, after that if you want to can set the header back to the one that was set before.
Hope this will help you!
Thank you!
Hi,
I think that there is a misunderstanding, our theme already has this option to have a sticky menu on mobile version, if you are using a responsive version and a standard header, you need to set this option in theme panel -> https://i.imgur.com/bokz53x.png ; or if you are using a cloud header, use tagDiv Composer to edit it, click on manager then enable the sticky menu on mobile, after that click on the menu row and click on composer sidebar on “MOBILE MENU STICKY” then all you need to do is to set the sticky type on “Always” -> https://i.imgur.com/3XoZ8QV.png
Hope this will help you!
Hi,
While editing the header template in the composer, please select the mobile header in the header manager https://prnt.sc/ubfx3k
The mobile header zone settings will appear on the left, in the CSS tab check if there is a margin bottom of 35px set there https://prnt.sc/ubfy5i
If there is, remove it.
Let me know.
Thank you!
Hello !
Once you have set your homepage you will be able to open the Web manager and set the header you want over the template as you can see here: https://www.screencast.com/t/L3F18xMQZ5l
Thank you !
Hello !
Please open the store page with tagDiv Composer and from Website manager, make sure that your Header is the same in the website manager: https://www.screencast.com/t/lGO7FqxnfNg
Thank you !
Hello !
You will have to import a header from cloud library and you can assign it as you can see in our guide here: https://forum.tagdiv.com/header-manager/
Thank you !
Hello !
You will have to import a header from cloud library and you can assign it as you can see in our guide here: https://forum.tagdiv.com/header-manager/
Thank you !
I’m seeing all these locations to configure the header, how do I know which one to pick?
1. Creating the Header as a block in Cloud Templates via tagDiv Composer
2. Creating the Header on the home page via tagDiv Composer
3. Website manager in tagDiv Composer > Choose header template
4. Theme Panel > Header > Header Style or Set a Cloud Library header template for all website
5. Theme Panel > Global Block Header Template
Hi,
If you are using a cloud header you can make the menu sticky from website manager -> https://i.imgur.com/Wxw7fVm.jpg if you are using a standard header style, use the settings from theme panel -> https://i.imgur.com/Kes35H4.png
For ads, as long you use the responsive version, the settings made with tagDiv Composer will work -> https://i.imgur.com/uhF328t.png also on this https://prnt.sc/u3hx8byou have set the ad only on mobile menu that is different form the rest of theme, therefore there is no need to extra html tags.
As for amp that is because you try to enable it on cloud template, this will be enable on post, pages and other settings that you can check here -> https://i.imgur.com/h55QHdp.png (but for the moment the cloud templates can not be use as amp, for the moment is use the mobile theme for amp).
Is look that you set an inline css in your code -> https://i.imgur.com/5BtoKb4.png if you remove that padding-left: 40px!important; the banner will be display like this -> https://i.imgur.com/ZDGrwdr.png
Thank you!
Hello !
You will have to create an header from the Cloud library as you can see in our guide here: https://forum.tagdiv.com/header-manager/ And for the homepage you can follow our guide here: https://forum.tagdiv.com/homepage-how-to-build-and-set-it/
Thank you !
Header template was selected – https://prnt.sc/u1n7uk
Template Pro – https://prnt.sc/u1n74b
Cache was cleared
site – https://prostobzor.com/
P.S. I can’t find where can I change hover color from Blue to Red ?
menu hover – https://prnt.sc/u1n6m5
P.S.2 Is it possible to show a banner for mobile version ?
screenshot – https://prnt.sc/u1nj73
How to do it?
P.S.3. I’ve read this article https://forum.tagdiv.com/header-manager/
bit it’s not clear to do add responsive background for header?
Hi diafne, than you need to remove the menu, for this you must use a pro demo or a cloud header , edit it using tagDiv Composer and use the right click to remove the header menu -> https://i.imgur.com/fD27XIp.png -> https://i.imgur.com/7GvWWU0.jpg
Hope this will help you!
Hello !
That can be achieved by creating an header template using tagDiv Composer and the Cloud library: https://forum.tagdiv.com/header-manager/
Thank you !
I used one of the header templates, now I see a logo text (SPORTS, with football icon) which I cannot edit nor delete.
See here 
Where is it? How to change it?
How to change it’s style?
And number 2:
I used Edit manager to add a tagline wanted to add a longer tagline but the longer tagline reduces at null size my logo.
How can I enlarge the space dedidcated to the tagline without reducing the logo?
Hello !
In order to create menus you will have to go into Appearance – Menus and create / edit your menu.
In order to change header design you will have to edit the header template as you can see here: https://forum.tagdiv.com/header-manager/
Also the pages can be edited using tagDiv Composer as you can see here: https://www.screencast.com/t/7IQFUUdbiA
Thank you !
Hi Punkaj,
If you are using a cloud header, then you can edit it with tagDiv Composer -> https://i.imgur.com/Y9QOoiW.png or you can use the standard headers -> https://i.imgur.com/GEJLzJK.png and set the logo in this place -> https://i.imgur.com/3NWc4L2.png
Hope this will help you!
Hi,
so I am trying to delete my header for one specific site (the landing page), not on all sites.
There is is this non-published site, which I am currently working on through “TD Composer”.
I select Manager -> Website Manager
And here it gives me two options for header and footer each:
“No header” vs “Global template”
So I select “no header” and save. and it disappears.
Then i revisit tha page, and it reappears!
I would like all other sites to keep tha header template, but have none for this site. Thank you for your help.
Hi Aveine,
Maybe you are not using a pro demo or a cloud header -> https://i.imgur.com/DQ1HnW3.png, only these can be edited with tagDiv Composer, standard headers -> https://i.imgur.com/czUNRHw.png these can be edited only using the settings from theme panel -> https://forum.tagdiv.com/header-styles/
If there are still some problems, please provide some screenshots.
Hope this will help you!
Thank you!
Hello !
Please make sure that in your Cloud library there are no multiple versions of the header. After that I recommend you to make sure that your cache is clear. By using the website manager you will be able to set your header across the entire website. Follow our guide here: https://forum.tagdiv.com/header-manager/
Thank you !
Hi,
The social icons from mobile menu will be get from here -> https://i.imgur.com/wNMzqvb.png for mobile menu, you can change it if you are using a cloud header using tagDiv Composer like this -> https://i.imgur.com/M1S9Wtx.png if you are using the mobile theme plugin you can set it from here -> https://i.imgur.com/mDSguhC.png
Hope this will help you!
Thank you!
