- TutorialsFrom WPBakery to tagDiv Composer
- TutorialsWhat is Ajax preloading?
Hello, I was wondering if it might be possible to not show certain ad codes on desktop, but onyl on mobile. I know you have divs and functions for that, but the code is still in the page source.
Is there any way to not show the code for mobile ads at all in the desktop source page? Or is there any way to add the code to files that are only loaded on mobile ?
Thanks.
I’m using style 3 header. Top menu doesn’t work correctly on mobile. The orizontal navigation does’t hide on lower resolutions and remain visible under mobile menu icon and mobile logo.
http://www.thestylosopher.com/
I don’t hunderstand what’s wrong.
Thanks in advance.
Hi,
Unfortunately Newsmag theme was initially designed at this width – 1021px – with an fixed grid layout,responsive as it is fluid and style for desktop/tables/mobile screens. So changing the width would not be easy as it needs changing the width value for all elements on pages and for this you would need custom work.
If you have basic css/html experience and you want to do this for post pages please check this topic, but you may need additional customziations – https://forum.tagdiv.com/topic/728-x-90px-ads-in-article-inline-ads/#post-43914
Also do you refer to the non-responsive ads? We recommend these divs to be used for non-adsense code – https://forum.tagdiv.com/ads-system-full-guide/ but you can try to use a plugin if you don’t want to use those. Theme Ad system was designed to work with adsense code and make it responsive for different screen sizes, but also you can use shortcodes in Ads section, so if you you use a plugin for your ads just paste the shortcode there:
[shortcodes] – the spot will run do_shortcodes() on the ad. Using shortcodes you can add adRotate ads to that spot
Thanks!
Hi,
We know about this issue and it will be fixed in version 5 of the theme. For the moment you ca add an extra class to the column or row that you want to hide on mobile and use custom css to hide it – http://screencast.com/t/nABIAwy5w – http://screencast.com/t/C82fxAV0
.yourclass {
display: none !important;
}
Thanks!
Hi,
I tried to hide some elements/blocks on some devices (mobile phone e.g.) using the “responsive behaviour” menu. The block border becomes white but It does not work. Still all blocks appear on all devices (PC, mobile etc). Why? Regards, Chris
I would like to make the overall width of the theme wider, specifically so a 728 ad banner can fit in the news column. Right now my ads get clipped to 680px.
How do I make the ads scale smoothly across changing screen sizes. Despite the theme’s responsive design, there’s a lot of clipping of ads that occurs. I would rather just have the ads scale down to the width of the screen on smaller devices (i.e. a 728 scales to the width of a mobile screen).
Hi,
It will change the width for your logo only for mobile screens. At 767px screen size the mobile version of the theme appears, so then the size for logo will be changed.
Thanks!
The pie chart on Android browser seems to have fixed itself some time in the last 24 hours, not sure how, but please consider it resolved. Wasn’t a cache issue as I clear caches frequently.
Will attempt the fix on the mobile menus.
Right now Newsmag downloads the 640px version from Vimeo which looks not so good when in use with for ex. LARGE SLIDE (it upscales 640px to 1021px which is bad) its looks even worse on mobile.
Please add the 1280px thumbnail size. This would also work nice with the Retina 2x plugin
Youtube thumbnail is OK, still fetches the largest possible size.
Thank You
Regards
Luke
Hi,
On desktop and tablet it works fine for me with that style and size. Only on mobile the logo is too big for that screen.
So when I change the width via custom css with that code you gave me above, I change it only for mobile or for desktop and tablet as well?
Hi,
Unfortunately the theme use the same logo also on mobile when is used header style 3 and 6. You can change the width for logo image on mobile using custom css media queries in Theme Panel > Custom Css: http://screencast.com/t/u2S5E5vVp
@media (max-width: 767px) {
.header-style-3 .td-full-logo img {
width: 50%;
}
}Also if you like you can use a fixed width for screen size until 767px – http://screencast.com/t/YWSvFyfZlP60
This will be changed in version 5 of theme and will be added more header styles options.
Hope this helps!
Hi,
I would like to have the logo in the center, it works fine with Style 3. But on mobile the logo is too big with that style. I uploaded a smaller logo size in the theme panel, but it does not work. I think because of Style 3 with full width.
What can I do, if I want the the logo be placed on mobile like it is with Style 1? On Desktop and tablet it looks like it is with Style 3.
If it is not possible to get that, what can I do to have a better and samller logo size on mobile with Style 3? Changes in css, if so, which ones?
Here’s my website: http://www.happyworklife.de Please have a look on it on your smartphone as well to know what I mean.
Thanks a lot!
Kathrin
Hello
I am almost going to buy this theme.
Can you please see, why on the mobile: the ”TRENDING” blue graphic is getting cuttoff. from top ? Can you fix this before I start using your theme, or provide a fix ?
Thanks
Yes I am refering to the same
http://screencast.com/t/6waxUAWO4
Hello, in my website mobiletoday does not attach the right photo.
Also be aware there is no way to prevent people copying your content if it loads in a web browser; you can try to block some content being “scraped” — but this also means not having RSS feeds, and if Google can’t read the page, you will be doomed in SERPS. So, you obviously would want to “test” any such plugin and then in Google’s developer tools do the various “load as Google” to see HOW the bot sees your page — if Google can read it you should be fine; of course if Google’s bot can read the page so can others.
How extreme do you want to be ? Are you going to block archive.org ?
For many folks, having strong copyright notices, creative commons logo, and doing periodic searches online can help track down content pirates. There is nothing to stop somebody from rewriting your content, though. If you properly copyright your website (e.g., in the U.S. with the copyright office), you can file a DMCA complaint to have some pirates content removed from Google search results, which is huge deterrent obviously.
And of course, the biggest way to protect content is from a member site where people have to “log in” to view the story; perhaps having teaser for public, and members see the full site.
The ability to “protect” content is a bit of a myth. Disabling right-click doesn’t actually solve anything. For example, SnagIt can capture the full page as an image once it’s in the video buffer in the browser/on screen; Adobe Acrobat DC can capture an entire web page.
Not to scare you, just the facts after 20 years of doing web dev myself. Our company used to actually sell a content protection product called “Mindset Mprotect” for protecting images; and then IE added as “save page as HTML” feature which completely negated some of that. Remember again anything “rendered” in a web browser can be captured as it’s loaded into cache and/or “visible” on a remote device.
Rendering a page in FLASH has some protections, but then you lose most mobile users.
Upshot — be realistic in your goals on the “myth of content protection” with WordPress.
Hi,
Please deactivate all plugins , leave just Visual Composer active, clear cache and check again if you still have this issue with fonts. Also try to change and resave the font for mobile menu items. I also checked this and did not found any issues on mobiles.
If you still have this issue please send an email at contact@tagdiv.com and provide wp-access so we can take a look. Paste also a link to this topic so we can know who you are.
Also I have checked that pie chart on android and did not found issue. On which device and browser did you checked?
Thanks!
Hi,
I’m not sure what you mean, Newspaper is responsive as it is fluid and style for desktop/tables/mobile screens. So the blocks/modules from a page are adjusted for mobile/tablet devices.
Thanks!
The theme is already responsive, just like demo, meaning mobile users see different version of page than desktop users.
Perhaps you could be much more specific in describing what you hope to achieve?
I WANNA USE DIFFERENT PAGE FOR BOTH MOBILE AND WEB PAGE USING THIS THEME. HOW TO ACHIVE THIS ?
Dude, of course the mobile menu settings are there, how else would the submenus be working? And yes I know the mobile main menu is a separate setting, but it is the line immediately above sub menu. Pretty hard to miss. So, sorry no it is not working.
The fix for the Pie Chart is resolved with respect to “NaN”.
However it is still displaying below center on Android.
Thank you, Alin, and have a great weekend!
Hi,
I did not said that you have added that css…it comes from theme’s css and it is added on rows necessary on pages. See more about overflow property – http://www.w3schools.com/cssref/pr_pos_overflow.asp
I have also tested this and NaN appear because you have to enter a value to the “Pie label value” like on Pie value ("Input integer value for label. If empty "Pie value" will be used.") so you have not entered a value there – 77% of all material – is not a value, try 77 and see if you still have that issue (or leave that field empty so it will take “Pie value”).
Make sure that you have set font family also for mobile menu – http://screencast.com/t/uvmDqEwLCe
Thanks!
Sorry, I should also add a couple of other problems I can’t figure out…
First is that the Pie Chart that is on the Page link above strangely displays “NaN” in its center for a brief moment before displaying the correct text. Does this for me on both Windows 7 and Android; don’t know about other browsers.
Also on Android mobile the text in the center of the Pie chart sits below center.
And finally, the main menu on Android does not display the correct font, but for some reason its sub menus do.
Sorry to be a pain, but I am learning lots from you guys!
Hi,
You could try to add custom ad shortcode in header style 1 – http://screencast.com/t/CUKw2baz and enable header ad only for mobile and also disable custom ad for mobile. You may need some css customizations but you can try and see if it works.
Thanks!
Hi,
You can try this custom css in Theme Panel > Custom Css and you can change it how you wish – http://screencast.com/t/qwT0lyhkCx
@media (max-width: 767px){
#td-top-mobile-toggle {
float: right;
}
.mobile-logo-wrap img {
left: 0px !important;
right: auto !important;
}
#td-top-search {
position: absolute !important;
top: 0px !important;
right: 35px !important;
}
.header-search-wrap .dropdown-menu {
left: auto !important;
right: 0;
}
.header-search-wrap .dropdown-menu:before {
right: 15px !important;
left: auto !important;
}
}
Thanks!
