No search results were found in Documentation!
i am using newmag header style 1. how can make the logo align on top of the menu under it so that there is no space between the logo and menu?
Hey guys,
Dunno how long this has been an issue as I’ve been working on other projects but I noticed today my header ads had disappeared from my sites.
I’m not using ad-sense just a clickable image but the ads were there before and now they aren’t, at first I though it was because I had moved servers but I have bought 4 instances of the theme and only 2 have been moved to new servers but all 4 are now not showing header ads.
It’s not a huge problem cos none of the sites are generating ad revenue anyway but does make the header look a bit bare and I’d like to get to the bottom of it.
I’ve tried to disable all plugins apart from VC and Social counter but the problem remains.
I’m using the ad code from the documentation but when I save it and refresh the page it removes my logo from the left side of the header and there’s no image. I’ve tried a few adjustments to the code and that breaks the main navigation (im using header style 3)
Let me know if you’ve come across this before, I’m assuming it’s been like this since the last update as nothing else has changes and all 4 sites are displaying the same behaviour. I’ve cleared all caches etc but the problem remains.
Many thanks
Dean
Please see how style 1 (default) works on desktop –> http://www.screencast.com/t/Z7FpEBjyw0w
The same work perfectly fine on mobile too –> http://www.screencast.com/t/xH9Dcvcs
Now if you see style 9, it looks fine on desktop –> http://www.screencast.com/t/TOMC0E8FRX
But it doesn’t change size of logo on mobile; also, the toggled menu appears below –> http://www.screencast.com/t/8xlL33iR
Since the logo size for both styles is the same on desktop, it should look the same on mobiles too. But what’s happening is that in style 9, the logo on mobile is not small and the menu goes down, making it look odd. I would
like it to look like the way style 1 [default] looks on mobile –> http://www.screencast.com/t/xH9Dcvcs
Hello manojkhatri,
I have checked your website and I saw that you logo are working as expected, as you can see here -> http://screencast.com/t/bzGwqyTB I have saved your logo and I have tried on my side and everything seems to work as properly with this logo. Please try to clear your cache and check the result again.
If you need more assistance in this regard, please provide more details about what is happening on your side, please provide me some useful screenshots so I will be able to provide a more accurate response.
Thanks.
Hello manojkhatri,
I have checked your website and I saw that you logo are working as expected, as you can see here -> http://screencast.com/t/bzGwqyTB I have saved your logo and I have tried on my side and everything seems to work as properly with this logo. Please try to clear your cache and check the result again.
If you need more assistance in this regard, please provide more details about what is happening on your side, please provide me some useful screenshots so I will be able to provide a more accurate response.
Thank you for the message!
I have a retina display and it’s not the case. The logo in the header has 272x90px natural size, but is served at 500x165px (therefore appears blurry) on a normal desktop screen.
The site can only be seen if you have a user account. Please provide me with an e-mail in order to create the user.
Hi Alin,
The retina logo works but you need a retina display for it to display properly. Try to add a different logo for the retina display (a different image, not only a different size) and check it on an iphone to see which one shows up. Please provide a link to your site so we can inspect it.
Thanks.
When I use header style 1 [default], it displays properly on mobile but when I choose style 9, the logo appears very large on mobile and the menu appears on the next line. It doesn’t look right. I think it should look the same as it looks with style 1. Could you help?
Hi,
I have uploaded logo in normal and Retina dimension (I used the exact dimensions specified in the Theme Panel), but its still blur on the frontpage, and seems the retina is not working. I
Thanks,
Alin
SORRY, FORGET THIS POST! I SOLVED THIS!
Hey, I am trying to insert a custom CSS on Newspaper to embed a mailchimp subscriber form in the site, still in localhost. The code is: http://snag.gy/Nj5jg.jpg. In the first moment everthing worked fine, but I all site now are not showing the images. I deleted the code and still having problems http://snag.gy/GcVd7.jpg .
I lost menu, logo, images in the blocks, just because the code bellow in custom CSS (again):
in {
background: #efefef;
border: 1px solid #ccc;
padding: 20px 15px;
text-align: center
}
#optin input {
background: #fff;
border: 1px solid #ccc;
font-size: 15px;
margin-bottom: 10px;
padding: 8px 10px;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
box-shadow: 0 2px 2px #ddd;
-moz-box-shadow: 0 2px 2px #ddd;
-webkit-box-shadow: 0 2px 2px #ddd
}
#optin .name { background: #fff url(http://localhost/wordpress/wp-content/uploads/2016/04/name.png) no-repeat 10px center; padding-left: 35px }
#optin .email { background: #fff url(http://localhost/wordpress/wp-content/uploads/2016/04/email.png) no-repeat 10px center; padding-left: 35px }
#optin [type=”submit”] {
background: #f7ed64;
border: 1px solid #fff12e;
color: #fff;
cursor: pointer;
font-size: 18px;
font-weight: bold;
padding: 8px 0;
text-shadow: -1px -1px #495259;
width: 100%
}
#optin input[type=”submit”]:hover { color: #495259 }
The code help the embed code of the mailchimp naked form to be better (aesthetically). How can bring the images, menu, logo back?
This is the second time that I have problems with code. At first time I puutted a facebook developer code for the facebook page pluging and a error was showing, still waiting for your answer about it.
Thanks.
Hello svsanchez,
If you want to add to your header logo an image you have to use a bit of CSS to implement this. To achieve as you want, please try the code below and place it in Theme panel->Custom CSS area.
The code is ->
.td-header-sp-logo {
background-image: url('http://wowslider.com/sliders/demo-5/data/images/saarschleife.jpg');
background-repeat: no-repeat;
background-size: 1903px 130px;;
}
The result you should see here -> http://screencast.com/t/3oREeh8QcbR
For more information about background-image property in CSS, please check this link here -> http://www.w3schools.com/cssref/pr_background-image.asp
Thank you for the message!
Hi there,
I’d like to know how to remove the white strip between the main menu and slider on index page. I’m using Layout style 5 – Full dark menu with Logo.
Many thanks.
hi guys, first sorry for my bad english.
i edit my menu liner. from the top to bottom. but when i refresh this page, i see 1 second top and after bottom. i just want everytime bottom how can i fix ? like this
my custom css code
.td-header-border:after {
content: "";
background-color: #b80451;
display: block;
height: 4px;
}
.td-header-border:before {
display: none;
}
.td-header-menu-wrap {
height: 57px !important;
}
.td-header-main-menu {
height: 57px;
}
.sf-menu > .td-menu-item > a {
line-height:57px;
height: 57px;
}
.td-main-menu-logo {
height: 57px !important;
}
.td-header-border:after {
height: 5.4px !important;
}
Dear Tagdiv-Team,
I’m really happy with what my website & header looks like right now, thanks to your great theme. However, when I reload the page or click on another article, the header always flashes in black before turning green. Is there a way to stop that from happening? I’m using the ‘full dark menu with Logo’ setting.
Thanks a lot in advance!
How can I remove/change theme name in script area?
var td_viewport_interval_list=[{“limitBottom”:767,”sidebarWidth”:251},{“limitBottom”:1023,”sidebarWidth”:339}];
var td_animation_stack_effect=”type0″;
var tds_animation_stack=true;
var td_animation_stack_specific_selectors=”.entry-thumb, img”;
var td_animation_stack_general_selectors=”.td-animation-stack img, .post img”;
var tds_general_modal_image=”yes”;
var td_ajax_url=”http:\/\/flyon.co\/ajax?td_theme_name=Newsmag&v=2.3.5″;
var td_get_template_directory_uri=”http:\/\/flyon.co\/skin”;
var tds_snap_menu=””;
var tds_logo_on_sticky=”show”;
var tds_header_style=”9″;
var td_please_wait=”Please wait…”;
var td_email_user_pass_incorrect=”User or password incorrect!”;
var td_email_user_incorrect=”Email or username incorrect!”;
var td_email_incorrect=”Email incorrect!”;
var tds_more_articles_on_post_enable=””;
var tds_more_articles_on_post_time_to_wait=””;
var tds_more_articles_on_post_pages_distance_from_top=0;
var tds_theme_color_site_wide=”#0091f9″;
var tds_smart_sidebar=”enabled”;
var tdThemeName=”Newsmag“;
var td_magnific_popup_translation_tPrev=”Previous (Left arrow key)”;
var td_magnific_popup_translation_tNext=”Next (Right arrow key)”;
var td_magnific_popup_translation_tCounter=”%curr% of %total%”;
var td_magnific_popup_translation_ajax_tError=”The content from %url% could not be loaded.”;
var td_magnific_popup_translation_image_tError=”The image #%curr% could not be loaded.”;
var td_ad_background_click_link=””;
var td_ad_background_click_target=””;
Wow, That is a whole lot of questions in one!
1) Unfortunately the latest articles cannot stretch to the whole width as they are not visual composer elements. There is no easy way to do it.
2) You cannot get the footer ad outside the footer. You will need to place the add in every post template, category template or page as the footer ad is meant to stay in the footer. It cannot create the necessary space for it in every other template that displays above it. If you want this custopmization you have a bit of work to do as you need to use this code:
Then place an ad in the custom ad 1 spot and then use it in every post template you use: http://screencast.com/t/pxohXgHczwym (these are in the root directory), the category pages: http://screencast.com/t/zgs5t556 , search results, and any other content you have on your site.
As you can see it’s not that easy.
3)You cannot add borders to the big grid as borders will increase the width with a few pixels and the grid depends on it’s fixed width. The layout will break if I add borders with css to it.
4)Please follow this topic to see how this issue can be resolved: https://forum.tagdiv.com/topic/chinese-social-icons/
5) a)It’s best to hide the section altogether and simply upload a mobile logo from the theme panel as there is no point in having 2 logos :
@media (max-width:767px){
.td-header-sp-recs{
display:none!important;
}
}
b) same issue as answer 4
Thanks.
I also have a question about how the site looks on mobile.
This is how it shows up: http://www.screencast.com/t/nBXHYsuBsEiN
1. Could I effectively move the logo (with black background) to the top? Why is that grey space there? If I chance it (move it up) on mobile, would it effect the desktop version?
2. How can I change those symbols to the left and right of the logo? If you scroll to the very bottom, all the social media icons show up as random symbols as well.
Thank you.
Hello,
If you want a specific size for your logo, please use one of the full logo header styles: https://forum.tagdiv.com/header-styles/
This way the size you upload will be the size displayed on your site.
The logo on the sticky menu is a different matter altogether. It is re-sized to fit the container and the sticky menu. It cannot display in full size as it will not position properly and cause the menu to be too wide.
Thank you!
Hi Everyone,
Can someone help me fix my header logo?
I just want to retain the size of my logo
when scrolling down to my posts.
I don’t want it to re size its shape.
Hi,
The code I provided does exactly that. It removes the menu entirely with the hamburger dropdown, the logo, the search icon and the sticky menu. Simply add the code in the theme panel->custom css box and it should work. Mind that different header styles can have different results. I tested it on the default header style. If the code does not work on your end please provide a link to your website so I can inspect it.
Thank you!
Hello ranterize,
Unfortunately, our theme does not have such an option for header style 8. Please check the Theme panel, logo section here -> http://screencast.com/t/ckPbGfthsOv and you will see what kind of header style support the text logo.
Thank you for your understanding!
Can I replace the image logo in Style 8 with text a logo like in Style 10?
Thanks Chris – it’s these two occurrences of this ‘text/javascript’ script – appears to come from Cloudflare? I’d seen on .org the CF page rules and made those – will try with it off (damn got a great page speed with it on) or research other page rules etc – Thanks so much for guidance – Pat
<script type=”text/javascript”>
//<![CDATA[
try{if (!window.CloudFlare) {var CloudFlare=[{verbose:0,p:1459189503,byc:0,owlid:”cf”,bag2:1,mirage2:0,oracle:0,paths:{cloudflare:”/cdn-cgi/nexp/dok3v=1613a3a185/”},atok:”e7248e677b025eae8544ee8b80a99ccc”,petok:”d96c85f314d86f469b9127c26bd7ad7b00449ffe-1459709693-1800″,zone:”westbridgfordwire.com”,rocket:”0″,apps:{“ga_key”:{“ua”:”UA-46276619-1″,”ga_bs”:”2″}},sha2test:0}];!function(a,b){a=document.createElement(“script”),b=document.getElementsByTagName(“script”)[0],a.async=!0,a.src=”//ajax.cloudflare.com/cdn-cgi/nexp/dok3v=e982913d31/cloudflare.min.js”,b.parentNode.insertBefore(a,b)}()}}catch(e){};
//]]>
</script>
<link rel=”canonical” href=”http://westbridgfordwire.com/nottingham-window-company-open-melton-road/”/>
<script custom-element=”amp-analytics” src=”https://cdn.ampproject.org/v0/amp-analytics-0.1.js” async></script>
<script src=”https://cdn.ampproject.org/v0.js” async></script>
<style amp-boilerplate>body{-webkit-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-moz-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-ms-animation:-amp-start 8s steps(1,end) 0s 1 normal both;animation:-amp-start 8s steps(1,end) 0s 1 normal both}@-webkit-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-moz-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-ms-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-o-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}</style><noscript><style amp-boilerplate>body{-webkit-animation:none;-moz-animation:none;-ms-animation:none;animation:none}</style></noscript>
<script type=”application/ld+json”>{“@context”:”http:\/\/schema.org”,”@type”:”Article”,”mainEntityOfPage”:”http:\/\/westbridgfordwire.com\/nottingham-window-company-open-melton-road\/”,”publisher”:{“@type”:”Organization”,”name”:”West Bridgford Wire”,”logo”:{“@type”:”ImageObject”,”url”:”http:\/\/westbridgfordwire.com\/wp-content\/uploads\/2015\/05\/wbw-copy-2.jpg”,”width”:500,”height”:52}},”headline”:”Nottingham Window Company to Open in Melton Road West Bridgford”,”datePublished”:”2016-04-03T19:42:09+00:00″,”dateModified”:”2016-04-03T19:43:49+00:00″,”author”:{“@type”:”Person”,”name”:”WBWire”},”image”:{“@type”:”ImageObject”,”url”:”http:\/\/westbridgfordwire.com\/wp-content\/uploads\/2016\/04\/image1-e1459708238145.jpg”,”width”:696,”height”:522}}</script>
<style amp-custom>@font-face{font-family:’Merriweather’;src:url(‘https://s1.wp.com/i/fonts/merriweather/merriweather-regular-webfont.woff2’) format(‘woff2’),url(‘https://s1.wp.com/i/fonts/merriweather/merriweather-regular-webfont.woff’) format(‘woff’),url(‘https://s1.wp.com/i/fonts/merriweather/merriweather-regular-webfont.ttf’) format(‘truetype’),url(‘https://s1.wp.com/i/fonts/merriweather/merriweather-regular-webfont.svg#merriweatherregular’) format(‘svg’);font-weight:400;font-style:normal;}@font-face{font-family:’Merriweather’;src:url(‘https://s1.wp.com/i/fonts/merriweather/merriweather-italic-webfont.woff2’) format(‘woff2’),url(‘https://s1.wp.com/i/fonts/merriweather/merriweather-italic-webfont.woff’) format(‘woff’),url(‘https://s1.wp.com/i/fonts/merriweather/merriweather-italic-webfont.ttf’) format(‘truetype’),url(‘https://s1.wp.com/i/fonts/merriweather/merriweather-italic-webfont.svg#merriweatheritalic’) format(‘svg’);font-weight:400;font-style:italic;}@font-face{font-family:’Merriweather’;src:url(‘https://s1.wp.com/i/fonts/merriweather/merriweather-bold-webfont.woff2’) format(‘woff2’),url(‘https://s1.wp.com/i/fonts/merriweather/merriweather-bold-webfont.woff’) format(‘woff’),url(‘https://s1.wp.com/i/fonts/merriweather/merriweather-bold-webfont.ttf’) format(‘truetype’),url(‘https://s1.wp.com/i/fonts/merriweather/merriweather-bold-webfont.svg#merriweatherbold’) format(‘svg’);font-weight:700;font-style:normal;}@font-face{font-family:’Merriweather’;src:url(‘https://s1.wp.com/i/fonts/merriweather/merriweather-bolditalic-webfont.woff2’) format(‘woff2’),url(‘https://s1.wp.com/i/fonts/merriweather/merriweather-bolditalic-webfont.woff’) format(‘woff’),url(‘https://s1.wp.com/i/fonts/merriweather/merriweather-bolditalic-webfont.ttf’) format(‘truetype’),url(‘https://s1.wp.com/i/fonts/merriweather/merriweather-bolditalic-webfont.svg#merriweatherbold_italic’) format(‘svg’);font-weight:700;font-style:italic;}amp-img.alignright{float:right;margin:0 0 1em 1em;}amp-img.alignleft{float:left;margin:0 1em 1em 0;}amp-img.aligncenter{display:block;margin-left:auto;margin-right:auto;}.alignright{float:right;}.alignleft{float:left;}.aligncenter{display:block;margin-left:auto;margin-right:auto;}.wp-caption.alignleft{margin-right:1em;}.wp-caption.alignright{margin-left:1em;}.amp-wp-enforced-sizes{max-width:100%;}.amp-wp-unknown-size img{object-fit:contain;}.amp-wp-content,.amp-wp-title-bar div{max-width:640px;margin:0 auto;}body{font-family:’Merriweather’,Serif;font-size:16px;line-height:1.8;background:#fff;color:#3d596d;padding-bottom:100px;}.amp-wp-content{padding:16px;overflow-wrap:break-word;word-wrap:break-word;font-weight:400;color:#3d596d;}.amp-wp-title{margin:36px 0 0 0;font-size:36px;line-height:1.258;font-weight:700;color:#2e4453;}.amp-wp-meta{margin-bottom:16px;}p,ol,ul,figure{margin:0 0 24px 0;}a,a:visited{color:#0087be;}a:hover,a:active,a:focus{color:#33bbe3;}.amp-wp-meta,nav.amp-wp-title-bar,.wp-caption-text{font-family:-apple-system,BlinkMacSystemFont,”Segoe UI”,”Roboto”,”Oxygen-Sans”,”Ubuntu”,”Cantarell”,”Helvetica Neue”,sans-serif;font-size:15px;}ul.amp-wp-meta{padding:24px 0 0 0;margin:0 0 24px 0;}ul.amp-wp-meta li{list-style:none;display:inline-block;margin:0;line-height:24px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:300px;}ul.amp-wp-meta li:before{content:”\2022″;margin:0 8px;}ul.amp-wp-meta li:first-child:before{display:none;}.amp-wp-meta,.amp-wp-meta a{color:#4f748e;}.amp-wp-meta .screen-reader-text{clip:rect(1px,1px,1px,1px);height:1px;overflow:hidden;position:absolute;width:1px;}.amp-wp-byline amp-img{border-radius:50%;border:0;background:#f3f6f8;position:relative;top:6px;margin-right:6px;}nav.amp-wp-title-bar{background:#0a89c0;padding:0 16px;}nav.amp-wp-title-bar div{line-height:54px;color:#fff;}nav.amp-wp-title-bar a{color:#fff;text-decoration:none;}nav.amp-wp-title-bar .amp-wp-site-icon{float:left;margin:11px 8px 0 0;border-radius:50%;}.wp-caption-text{padding:8px 16px;font-style:italic;}blockquote{padding:16px;margin:8px 0 24px 0;border-left:2px solid #87a6bc;color:#4f748e;background:#e9eff3;}blockquote p:last-child{margin-bottom:0;}amp-carousel{background:#000;}amp-iframe,amp-youtube,amp-instagram,amp-vine{background:#f3f6f8;}amp-carousel>amp-img>img{object-fit:contain;}.amp-wp-iframe-placeholder{background:#f3f6f8 url(http://westbridgfordwire.com/wp-content/plugins/amp/assets/images/placeholder-icon.png) no-repeat center 40%;background-size:48px 48px;min-height:48px;}td,th{text-align:left;}a,a:active,a:visited{text-decoration:underline;}</style>
<script type=”text/javascript”>
Hi
Sorry about that, I’ve noticed now that you’re using header style 10 which calls a different file fort logo. Replace the code from logo-text.php with this one: http://pastebin.com/4ciVkZym – http://screencast.com/t/O7N9PmUUy5Lc
Let me know how it goes.
Thanks!
well im at a loss as to why nothing is changing. yes i understand it will only show on post which is exactly what i want.
this is the logo im using.
http://chadwickstudios.com.au/wp-content/uploads/2016/03/1500×317-bw-header.jpg
i followed you instructions but maybe im missing something.
