- NewsmagHeader styles
- NewsmagHeader ads
- NewsmagtagDiv Composer Tutorial
- NewsmagCategory templates
- NewsmagSmart list ads
- NewsmagWeather Widget
- NewsmagInstagram widget
- NewsmagPage Menu
- NewsmagMain menu
- NewsmagTop bar templates
- NewsmagLogin – how to enable the user registration
- NewsmagLogo & Favicon
- NewsmagFooter templates
- NewsmagCategory grid styles
- NewsmagCategory top post styles
- NewsmagHow category settings work
- NewsmagTheme colors introduction
Hi,
Please use media queries to not affect other device than desktop. For example the default css for this is – http://screencast.com/t/cR6FrW8zIn but for smaller devices – http://screencast.com/t/k5hmqZ9puBh
Your css applies a fixed width also for tablets and phones, so you could try like this:
@media (min-width: 1181px) {
.td-boxed-layout #td-outer-wrap {
width: 1100px !important;
}
.td-boxed-layout .td-header-menu-wrap.td-affix {
width: 1100px !important;
}
}
Thanks!
Hi
I’ve checked your site and the header ad is displyed fine: http://screencast.com/t/RryCemmFxj If you want to increase the distance between the ad and menus use this custom css in theme panel > custom caa and modify the margins values as you like: http://screencast.com/t/1wq4aRTow
.td-header-sp-ads {
margin-bottom: 18px;
margin-top: 18px;
}
Thanks!
Hi
Thanks for the kind words and for the interest for our theme.
The theme was designed to display the logo image at 272x90px except for header style 10, which accept and text logo: http://screencast.com/t/hfJ3MA0Evv I’ve noticed that you’re using header style 10 which allow bigger images for logo, but if you want to use other header style and also increase the logo’s size, that can be achieved using custom css like here:
.td-header-sp-logo{
width: 384px!important;
}
.td-header-sp-logo img{
width: 100%;
}
Note that you will need other customization for the layout such that header elements fits well according with the new logo size.
Thanks!
Is there any way I can by-pass all of that and just stick this linked image next to my logo? I have specific settings for that header ad below the menu already, and it would be a pain to have to re-do the custom settings for it on specific pages.
When I do the above suggested things, I get something that looks like this (and I used the 728 x 90 code, and it automatically turned it into a 250×250 code, which is weird…and it also got rid of the white area (now grey) which connects menu with content below):
http://www.screencast.com/t/lHQL43Mu1
Best,
Carly

Whenever I try to use header 2 / 3 with the logo above the header menu, it does not properly format the spacing. The logo goes above the banner ad rather than to the left of the banner. This results in a massive blank white space next to my site’s logo.
I think what I did was add a CSS to add padding to the top of the div where the ad is loaded. I don’t have the CSS handy for that, but TagDiv can provide if you don’t know how to sort that on your own using something like the Chrome/Console to see the div class for the ad block in header.
Oops, sorry, issue came up when I did the following:
.td-boxed-layout #td-outer-wrap {
width: 1100px !important;
}
.td-boxed-layout .td-header-menu-wrap.td-affix {
width: 1100px !important;
}
Is there anyway to get the bg img not to distort on mobile device?
Thanks!
Hi. First of all i want to thank the author for designing such an exquisite and phenomenal theme.I surfed internet for almost a week and was nowhere near finding a good theme and then i stumbled upon this beauty. anyway,
currently i have this one problem in my site which is brand new , the header logo is too small and i can’t get to re-size it. i have searched the whole theme panel and can’t find any customization options for it. I searched google and posted those custom CSS codes in Custom CSS in theme panel but no luck. Please help me with this, i will be very thankful. my site address is http://www.reportedtimes.com/. Thanks!
Hi Bogdan,
Thanks for the solution, I have tried to add the following config to the root location as I am using nginx
location / {
add_header 'Access-Control-Allow-Origin' *;
}
those icons are still not showing.
Hello Junior,
1) There is a quick fix for that. Read this topic for a solution. https://forum.tagdiv.com/topic/footer-template-style-2-no-translated-tag/
2) You can change the header tag on block titles with another if you want, just keep in mind that you cannot change it for specific blocks. All block titles have a h4 heading. In order to modify the heading tag you need to edit the core files like so: http://screencast.com/t/WMzwMYxt
3) You can use a different footer style that does not have predefined content (style 9) and you can add your own custom content instead. You can place a block in footer 1, 2 or 3 widgets and filter the posts to all time popular. http://screencast.com/t/6UEdW1VWb
You can read more about footer styles here: https://forum.tagdiv.com/footer-templates/
Thank you!
Hi,
You could use the default header template – http://screencast.com/t/086fBamX8 so the header ad will be placed beside the logo. And if you want to add additional banner bellow the main menu, you need to edit header-style-1.php and use this code to dislay a custom ad – http://screencast.com/t/6nd1wRRQ
<?php echo td_global_blocks::get_instance('td_block_ad_box')->render(array('spot_id' => 'custom_ad_1')); ?>
Adjust it using custom css – http://screencast.com/t/vf7tivbhnh0G
.td-a-rec-id-custom_ad_1 {
margin-top: 20px;
}
If you use adsense code change a to g like this – .td-g-rec-id-custom_ad_1
Thanks!
-
This reply was modified 10 years by
Alin [tagDiv].
-
This reply was modified 10 years by
Alin [tagDiv].
Hi
By default the theme doesn’t display the top bar on mobile devices, but you can use custom css in theme panel > custom css to display the top widget: http://screencast.com/t/ygpLdtt3uW8T
@media (max-width: 767px){
.td-top-menu-full {
display: block!important;
}
.td-header-sp-top-menu {
display: none!important;
}
.td-header-sp-top-widget {
display: table!important;
margin-left: auto;
margin-right: auto;
float: none !important;
}
}
Let me know how it goes.
Thanks!
Hi,
To correct the image margin, you can add a custom CSS rule:
@media (min-width: 1141px){
.td-header-sp-logo img{
margin-top:20px;
}}
@media (max-width: 1140px){
.td-header-sp-logo img{
margin-top:40px;}}
@media (max-width: 1018px){
.td-header-sp-logo img{
margin-top:50px;}}
Add this in the theme panel->custom CSS box and it should fix the margin on every viewport.
This code applies to this particular logo. If you change the logo, you have to remove the code or adjust the margins on it.
Thank you!
-
This reply was modified 10 years by
Bogdan B..
Hi
Header style 6 have a different implementation then others header styles, so to remove the logo you need to edit header-menu.php file and comment this lines: http://screencast.com/t/9myqkP9J33y – http://screencast.com/t/gC9M0oP6c
Let me know how it goes.
Thanks!
ok I added the code you suggested to the custom CSS. There was already other custom CSS there from a past problem we tweaked to keep the ad and logo on the same line – here is the code i have now
body.td-animation-stack-type0 .td-animation-stack .entry-thumb, body.td-animation-stack-type0 .post img {
opacity: 1 !important;
}
.td-header-style-1 .td-header-sp-ads {
width: 510px !important;
}
.td-header-sp-logo img{ width: 100%; max-height: 150px; } .td-header-sp-logo{
width: 500px;
} .td-header-header {
margin-top: 15px;
margin-bottom: 35px;
}
The margins on the top and bottom of the logo are a little off.
Can you tell me how it looks on your end and if I should tweak the code additionally?
Thanks again.
Hello,
I was wondering how I would place this personal ad of mine (for a retreat I am hosting) next to my logo in the header (www.livelovefruit.com). I remember there being an option for this previously in the Theme Panel (where you could put ads next to the logo)?
This is how it looks right now: http://www.screencast.com/t/b0kZHevfyL
This is how I want it to look: http://www.screencast.com/t/UyVrTocmNuY
Thanks muchly,
Carly
and shaking while visiting the site opened a very short time between menus. Does the wonder that font looks small opening in the bottom menu header.if it seems two separate font size header
my English is bad 🙂
It is not working:
[vc_row][vc_column width="2/3"][td_block2 category_id="6894" header_color="#dd3333" custom_title="Aktuell und beliebt"][td_block8 limit="4" header_color="#8224e3" custom_title="Brandaktuell"][td_block8 category_id="11" limit="4" header_color="#81d742" custom_title="Promis und Stars"][td_block8 category_id="8" limit="4" header_color="#dd9933" custom_title="Lifestyle und Gesundheit"][td_block8 category_id="5" limit="4" header_color="#5998e0" custom_title="Musik"][td_block8 category_id="10" limit="4" header_color="#ed36d1" custom_title="Filme und TV"][td_block8 category_id="2494" limit="4" header_color="#420b00" custom_title="Multimedia und Technik"][/vc_column][vc_column width="1/3"][vc_widget_sidebar sidebar_id="td-lfg-home-sidebar"][/vc_column][/vc_row]
The column is supposed to be shown next to the content, but it is shown below the content. So I guess the 2/3 and 1/3 split is not working
Can anyone help please?
-
This reply was modified 10 years by
kornobis.
https://photos.google.com/photo/AF1QipPdjI9O0zsfB1DEnsU8Cd75WDSgd-I5nPsWU3AP
https://photos.google.com/photo/AF1QipMMtu_KeraPhycj-xwttsvyESfdzM5GJtFz4Cfl
Facebook like plugin code
<div class="fb-page" data-href="https://www.facebook.com/fitnessgelistirici" data-width="500" data-height="500" data-small-header="false" data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="true" data-show-posts="false"><div class="fb-xfbml-parse-ignore"><blockquote cite="https://www.facebook.com/fitnessgelistirici"><a href="https://www.facebook.com/fitnessgelistirici">Vucut Gelistirici</a></blockquote></div></div>
Facebook like plugin adress: https://developers.facebook.com/docs/plugins/page-plugin
-
This reply was modified 10 years by
berkakalinn.
I am using header style 6. see code below. which part Iam I to remove?
<!–
Header style 6
–>
<div class=”td-header-wrap td-header-style-6″>
<div class=”td-header-top-menu-full”>
<div class=”td-container td-header-row td-header-top-menu”>
<?php td_api_top_bar_template::_helper_show_top_bar() ?>
</div>
</div>
<div class=”td-header-menu-wrap-full”>
<div class=”td-header-menu-wrap”>
<div class=”td-container td-header-row td-header-main-menu black-menu”>
<?php locate_template(‘parts/header/header-menu.php’, true);?>
</div>
</div>
</div>
<div class=”td-banner-wrap-full”>
<div class=”td-container-header td-header-row td-header-header”>
<div class=”td-header-sp-recs”>
<?php locate_template(‘parts/header/ads.php’, true); ?>
</div>
</div>
</div>
</div>
Hi
For some reason the header warp have a height by 900px on the product post page, that’s why appear that blank space. Try to deactivate plugins except Visual Composer and Woocommerce, clear all caches and test again. if the problem persist try this custom css in theme panel custom css: http://screencast.com/t/mOPfX2IMQ
.td-header-wrap {
height: auto!important;
}
Let me know ho it goes.
Thanks!
Hello, I changed the header ad and clicked on SAVE SETTINGS. Now my main menĂĽ has become full width and non-aligned. This only happens on the homepage, the menu appears fine on other pages. What did go wrong and how can I undo it? Here is the link: http://kanalfinans.com/
Kind regards,
Tunç
Hi!
You can make them appear if you change the code i gave you. Change this:
.td-header-sp-top-widget{
display: none!important;}
to this: .td-header-sp-top-widget{
display: inline-flex!important;}
They will appear but positioning and making them responsive is a challenge all by itself. You need a bit of CSS knowledge to achieve this. If not, you can hire a freelancer to do it for you if you really need to.
Thank you!
Hello,
You can adjust these settings using custom CSS.
Here is a sample of how you can achieve this. It may need a few adjustments, but this is how it can be done:
@media (max-width: 767px){
.blog-stack #td-top-search {
position:absolute!important;
right: 0px!important;
top: 0px!important;
}
.blog-stack .header-search-wrap .dropdown-menu{
left:-270px!important;
}
.header-style-3 .container-fluid{
position:relative!important;
left:-45%
}
.header-style-3 .td-logo img{
width: 35px!important;
}
}
result: http://screencast.com/t/EyBNNZ6vgj
Thank you!
Hi
The theme was designed to display the logo at 272x90px. To increase the size you need modify the width value of this class .td-header-sp-logo, default value is: 248px;
.td-header-sp-logo{
width: 384px!important;
}
.td-header-sp-logo img{
width: 100%;
}
Note that you will need other customization for the layout such that the elements fit well according with the new logo size. You can find useful information abut css here: http://www.w3schools.com/css/default.asp or if you can’t do it yourself my advice is to look for a developer from sites like studio.envato.com to do it for you, as we can’t offer customization services at the moment.
Thanks!