- NewsmagTheme colors introduction
- NewsmagSmart list ads
- NewsmagIntroduction
- NewsmagMain menu
- NewsmagLogo & Favicon
- NewsmagHeader ads
- NewsmagSmart sidebar
- NewsmagSharing buttons
- NewsmagCategory tag on modules/blocks
- NewsmagBackground introduction
Many thanks forthe rapidity of your answer. There wasn’t a bug. I’d let checked mobile theme in jetpack.
I’ve also unchecked “leasyload” and I think it’s much faster even if the pagespeed test is bad 78/100 I’ll work on it.
Sincerely yours
Hello,
I have checked your site and you seem to have another problem right now: http://screencast.com/t/iv8lIRdrs
This looks similar to a problem “Jetpack” plugin creates for the mobile version of the site if an option is checked: https://forum.tagdiv.com/how-to-manage-the-mobile-theme/
Make sure you check Jetpack settings first.
Check your other plugins as well maybe try to disable all of them except visual composer and check the speed again.
Regarding the slow image loading, you can try to disable “Lazyload” – http://screencast.com/t/pKnT9Q0FRsB
You can also read this guide in our documentation: https://forum.tagdiv.com/how-to-make-the-site-faster/
Let us know how it goes!
Thank you!
Hi
I am not sure what you mean but if you want to keep the same layout for mobile devices as is for desktop that is a very complex task which involve lots of customization. The theme doesn’t have a setting for that, you will have to affect the css code and if you don’t know how to do it yourself my advice is to look for a freelancer from sites like http://studio.envato.com/ as we cannot offer any type of custom work at this moment.
Thanks for the message!
Hi,
1. The Jetpack plugin has many features so you can try to activate only what you need. The mobile version should be deactivated as the theme is responsive. We tested some of the Jetpack features so it should work with the theme but it may conflict with another plugins that you use.
2. Yes we recommend SEO by Yoast plugin.
3. We don’t use a backup plugin so I cannot make any suggestions, maybe you will get a feedback from forum’s users. We do the backup manually.
4. These are the plugins tested with the theme – http://screencast.com/t/mDR9Si72
Thanks!
Hello habhajansingh,
I did a bit of digging for your problem and it seems it’s related to the Jetpack plugin:
https://forum.tagdiv.com/how-to-manage-the-mobile-theme/
Thank you.
Hi,
If you add the iframe like this with a fixed width and height it is normal to not look good on mobile devices. Yuo will have to add a class to the iframe like this – http://screencast.com/t/CZ1RGKlb and use media queries for specific devices, for example add this custom css in Theme Panel > Custom Css – http://screencast.com/t/6m3b6CrGP63 – http://screencast.com/t/IFlaeGCp – http://screencast.com/t/jOaVFgv3yokV
@media(min-width: 300px) and (max-width: 568px) {
iframe.vk-video1 {
width: 100%;
height: 200px;
}
}
@media(min-width: 569px) and (max-width: 767px) {
iframe.vk-video1 {
width: 100%;
height: 300px;
}
}
@media(min-width: 768px) and (max-width: 1018px) {
iframe.vk-video1 {
width: 484px;
}
}
@media(min-width: 1019px) and (max-width: 1140px) {
iframe.vk-video1 {
width: 640px;
}
}
You can use vk-video1 class for each iframe and the above css will be applied or you can add a different class for each videos and add you own custom css.
Hope this helps!
Hello habhajansingh.
I have checked your site and it seems that on the mobile version your theme changes to “Minileven”
http://screencast.com/t/mi9NQX4Nwt
The code you see onscreen is visual composer code which cannot display properly.
Try to disable all of your plugins except visual composer and see how it works out.
Thank you.
Hi there and thank you for the answers and help in my previous questions. This time, I have no clue. Every time I try to compress JS my images just do not show on mobile devices. It is ok in a computer, but no image is downloaded in a mobile device! Am I doing something wrong? I am basically trying to compress the tagdiv_theme.js and jquery.js, which are the longest to download. I have to upload the original files to bring everything back again. Same with plugins that try to compress JS. Thank you.
If you want, google the concept of “https everywhere” — the idea is that as the web moves to mobile everything as the “main” daily driver, it needs to be secure since it’s “over the air” — so, somebody sitting in a café, in the break room, on the bus, isn’t been spied upon. So, the push for “https everywhere” is to make the connections from mobile devices to web properties more secure, and enforce encrypted connections, while also deprecating insecure SSL technologies like SSL3/TLS1/TLS1.1 etc. — so, Google is giving a ranking boost for mobile rankings for https *NOW* as they do for mobile speed and mobile compatibility/UX/speed.
It’s not a huge ranking factor, but it *is* a mobile ranking factor *now* and so it’s something to think about, but ideally in 3 years it is likely to be a semi-mandatory thing. The web needs to be secure, and hijacking is a big issue and “man in the middle” hacks are also common with wireless/wifi, etc. — this is how hotels can overlay ads on your mobile connection (!).
So … I would say, for a major business portal it’s good to go https now. If you have huge traffic and make your living on your website, then now is good time to start. If you have a blog on the side, not so much.
Part of the push for “https everywhere” is also to find a solution for free/zero cost/shared SSL certificate tech — which is coming into being and is “transitional” — shared SSL certs on servers are a new thing, but not fully supported in browsers YET.
If you can afford $25 a year for cheap SSL cert for your site, it’s worth doing. If you don’t make any money from your site, wait for the free or “included with hosting” SSL certs which should be in play by end of NEXT year.
And to be clear — the only site we chose to do this on is our MAIN business site, which has been online over 15 years and which generates 90% of our income. Our news portals are not yet https, although the web server on which they reside does have SSL cert itself. Our sites running tagdiv themes are NOT yet SSL, and will not be until the whole concept of zero cost / low cost SSL certs becomes available as part of this “movement.”
For our main site we got a wildcard SSL cert so we could also make subdomains SSL, which needed to happen for our local image server and our shortcode (YOURLS) system.
And how do you call td_video_support.php
in single.php or in loop-single.php?
Does it use a shortcode or hooks something that I must copy and paste in the mobile theme single.php?
Hi,
The unique articles function doesn’t take into account those settings. I’ve added it on our list, we will check if it’s possible to make it work with this feature. If it’s not possible we will stay to our original plan (to change the mobile theme functionality). All this research may take some time and i cannot say if we’ll find a quick solution or it will take more time. Until then my advise is to try one of those solutions presented in my previous reply.
Thank you!
Hi,
The top section of the homepage is cut from the right in mobile view. This is the same for your demo theme. Please see this screenshot. http://i.imgur.com/1HYAAgs.png
How to fix this?
On this website the top section appears okay http://goalpoint.pt/
Thank you for sharing @Pedropapito!
This allows for different ad sizes on different devices – which may be what I’m looking for if I think it through.
Ultimately I’m looking to display an ad in 2 different places – depending on device – so that a 300×250 on the sidebar has better visibility when reformatted for a mobile phone. Here is what I’m thinking (but there may be an easier way than this).
Two ad units, lets call them 300x250_desktop and 300x25_mobile.
300x250_desktop gets placed in the sidebar – it is visible when viewed on tablet / desktop but NOT on mobile.
300x250_mobile is placed Article Inline – it is NOT visible on tablet / desktop but it is visible on mobile.
So effectively only one 300×250 ad unit displays at a time depending on whether it is viewed on desktop or mobile phone.
Can your code example handle this scenario with 2 versions of the same ad size (once again, they can be set up as different ad units)?
Ultimately I’m looking for something like:
If display is mobile, show here (article_inline) else show here (sidebar) … this would be super-simple cause I wouldn’t have to have two ad units – just one that gets executed in different spots depending on the device.
Apologies – I’m probably confusing this too much.
I just wish the theme ad toggle buttons worked for DFP as they do for AdSense because I know exactly how to achieve what I’m going for 😉
Hi
I am not familiar with your mobile theme functionality so I cannot provide a solution for that. You should contact the theme’s author and ask him for advice.
Also you can check our implementation regarding videos in td_video_support.php file: http://screencast.com/t/sjiTsGAXU
Thanks for the message!
Hi,
The theme doesn’t have an option to set a different page for mobiles, sorry. We plan to improve the mobile theme in a future update but for now i cannot say when this will be implemented. Until then you could try one of the solutions presented here – http://screencast.com/t/yQZEYNsJd6L – http://stackoverflow.com/questions/16165211/how-to-set-a-different-static-homepage-for-mobile-version-wordpress
Thank you!
Hi,
We test the theme on actual devices, the emulators are not 100% accurate.
On iPad there’s enough screen width to include the content and the sidebar, the site changes to mobile only on screen width smaller than 768px.
Unfortunately there’s no option to enable the mobile menu for tablets, sorry.
You could use the emulator included in the Chrome browser – http://screencast.com/t/VnWM4ps3LJW
Thank you!
Blogmaster2003
Adrotate works great with this theme – make a ‘group’ – after making individual ads – tick the ones you need in the ‘group’ (a group is one ad space with multiple rotating ads in it )
Get shortcode – out it in a theme panel ad position – works great. If on mobile they stutter a little there’s a simple edit to prevent this.
Hi,
when I test my page with http://quirktools.com/screenfly/ on an apple iPad it doesn’t yet brake to mobile view, which makes some things look awkward if there is a sidebar. Also the Content form the first 1/4 row moves ofer the other 3/4 rows.
I would therefore like to change the settings, so that the theme switches earlier to mobile view and moves the sidebar to the bottom. How do I do this?
Thanks,
Simon
Hi. I am using a seperate mobile theme , and newsmag for desktop.
the problem is that in mobile version it does not show the videos fo the posts that have video.
It shows only embeded videos but not the videos that I put as s you know on video section.
please can you tell me how you put video on your theme to put it on
the new theme single-php to show the videos?
Thank you in advance!
That Google post is actually almost a year and a half ago. It says June 2014. So really they are over a year old on those sizes.
This theme was released in November of 2014 and was after those new ad sizes. I don’t think Tagdiv realized about them.
You also have to think for your mobile site. Those ads will not show at all on the mobile.
Hello, I’ve just purchased. I’m asking if it is possible to create a double side bar by using the Visual Composer Widget Sidebar, by anyone here on Newspaper forum. I’m an Online Adsense, Advertsing & Publishing Broker. I work alongside with Open X, Revcontent, Svorn, Taboola etc. I will be injecting a big investment into our Advertising Campaigns for Quarter 4 – Oct to January.
I need to be able to create an Ad Layout with Double Side Bar
1. 160×600 Banner on the Left as a Left Side Bar
2. 728×90 Banner
3. 300×600 Banner on the Main Right Side Bar.
I’m currently using a Theme that cannot support any modifications for Responsive Layouts from Desktop to Mobile because the 728×90 Banner doesn’t fit onto Mobile.
This is a screen shot of the last Theme I used named X Theme http://prntscr.com/8g3x8x.
However, there latest VC update had a conflict with their Theme. Which put our UX for mobile out of whack! All coding is no longer relevant until they sorted out the bug. I know Visual Composer has 5/6 + 1/6 but I need the 1/6 on the Left Side Bar not the right.
I reversed the 5/6+1/6 Columns around http://prntscr.com/8gw1l0 to give me Left Side Bar widget that for 160×600. Center Column 728×90. Main Right Side Bar 300×600.
Before I add CSS code. Is it possible to adjust the margins to full-width without Mobile Responsive being compromised?
As the right side bar is most effect for Banners of 300×600 + 300×250. I seriously need a Theme that has multiple template layouts but I need one that has a double sidebar to maximise Adsense/Ad Networking/Online Advertising and Publishing.
Emil G, http://prntscr.com/8gvt4m did say to hire a Programmer from Envato but I have had no replies, yet. I’m in desperate mode as our first campaign for Advertising is the 25th of September. I have tried Fiverr and Freelance with replies. But, I really don’t trust the work ethic from those two platforms. I can’t afford a huge budget to have a Template created.
I have the containers and I can increase the width
Width:
.td-container {
width: 1400px;
margin-right: auto;
margin-left: auto;
}
Left Side Bar wpb_column vc_column_container td-pb-span2
Center wpb_column vc_column_container td-pb-span10
Main Right Side Bar…? I’ve been trying to figure how to bring the right side bar down flush with the Left Side Bar and the Center Side Bar Columns. I’ve tired Top: -20px and Margin-Top: -20px as an example but it doesn’t seem to be moving.
Any guidance or help will be greatly appreciated.
Thanks.
1st problem:
I got my menu to now be 30px height but when I scroll the sticky menu is 48px height. I even updated the menu_affix_height to 30 in tagdiv_theme.min.js and tagdiv_theme.js ?? http://www.aeriographer.com
2nd problem:
When I look at it on mobile the top ad banner is beind the menu bar now instead of below it.
I’m trying to optimize ad placements on mobile devices so that for example: a 300×250 would show in the sidebar on desktop but would display within the content on mobile. To do so, the ad code would be in both places but only visible in one spot at a time (depending on the device).
I will be using DFP for Small Business to deliver the ads. I’d like to use the many Ad Zones already defined in the theme to keep things simple as possible.
My first thought is to use the <div class=”td-visible-desktop”> with the code to show the ad in the Sidebar but leave the <div class=”td-visible-phone”> blank. Then I would do the opposite in the Inline Article Ad Zone, leaving td-visible-desktop blank and adding the code to be visible on mobile.
If I do this, does both ads still fire (and result in an impression) – even when one of them is hidden?
The other option I can think of is to see if I can set the device in DFP so that a particular ad unit only displays on mobile or only on desktop etc. I’m not sure I can even do this but will have to look into it further.
Ultimately it looks like those Desktop / tablet / mobile toggle buttons in the Ad Settings would be perfect but I’m told those only work for managing the visibility of AdSense ads – not Google DFP ads.
Has anyone else faced this challenge and, if so, how did you deal with it?
Thx!
Hi,
Please try this custom css in Theme Panel > Custom Css for mobile device – http://screencast.com/t/KH3RKTjyiI
@media(max-width: 767px) {
body #td-outer-wrap .td-main-content .products li {
width: 32% !important;
float: left !important;
clear: none !important;
margin-left: 2%;
}
body #td-outer-wrap .td-main-content .products li.first {
clear: left !important;
margin-left: 0;
}
}Thanks!
Hi
The theme uses logo for mobile on afix (when you scroll up or down and have the sticky menu) so you need to change that too: http://screencast.com/t/e2JQV6fpjfi
Let me know how it goes.
Thanks!
