Is it possible to create a boxed header from the cloud templates? Everything seems to be fullwidth.
Thanks.
Hi ppbub,
Yes you can, you need to set a background image or color and set this option in theme panel -> https://i.imgur.com/DYEbqz1.png after that you need to edit the cloud header using tagDiv Composer click on menu and click on header menu in tagDiv Composer, in css tab set margin right and left auto and set the width that you want to have -> https://prnt.sc/t2nuxt
Hope this will help you!
thanks for your help. But it’s just not taking. I can’t get a boxed layout. We sometimes have a wallpaper ad as well and I’m concerned that the ad will be blocked by the fullwidth header.
I have done what you’ve stated in the text above, but it still not adjusting to a boxed layout.
Hi ppbub,
Please provide me a link to your website to can inspect your header, in this way I will be able to provide a more specific advice.
Thank you for your understanding!
Thank you.
The original issue is stemmed from our current header, which is why I thought about using the cloud header to try and clean up the issues we have with the header in general… Our actual header problems can be seen here: https://www.equipmentjournal.com/
Issue we have:
1. when viewing in tablet, the header doesn’t collapse properly. the header ad stays in an awkward position. We would like to fix that.
2. When viewing in mobile, our brand logo is gone from the header, and all that appears is the header ad.
Thank you.
Hi,
I think that the problem is that the ads you are using are not adjustable, please try using the ads as in our guide from here -> https://forum.tagdiv.com/using-other-ads-non-adsense-ads/
<div class=”td-all-devices”>
<!– Your NON AdSense code here – this ad will show on all devices –>
</div>
This should fix the problem.
Let me know the results!
Hello,
you can check here: https://test.equipmentjournal.com/
the ad in the header still has the same issue. I have done what you’ve posted above. any other idea?
Thank you.
Hi,
Is look that the css is not apply correctly, there is something that is block the code.
Please try the below css this will help you:
@media (max-width: 1018px) and (min-width: 768px){
.td-header-style-3 .td-header-sp-logo {
width: 214px;
margin: 14px 28px 0;
max-height: 60px;
}
}
@media (max-width: 1140px) and (min-width: 1019px){
.td-header-style-3 .td-header-sp-logo {
width: 224px;
margin-left: 0;
}
}
The code need to be set in theme panel> custom code> custom css.
Thank you!
thank you. Why does the mobile logo not show up in the navigation bar?
Hello !
In order to change the logo you can take a look at our video tutorial here: https://www.youtube.com/watch?v=HXQQygkCCJo&t=4saHello
Thank you !
