- NewsmagTheme colors introduction
- NewsmagSmart list ads
- NewsmagIntroduction
- NewsmagMain menu
- NewsmagLogo & Favicon
- NewsmagHeader ads
- NewsmagSmart sidebar
- NewsmagSharing buttons
- NewsmagCategory tag on modules/blocks
- NewsmagBackground introduction
Hi, how to set mobile theme please?
Hello, my problem is that the web is not responsive on mobile.
Here I leave a screenshot http://mobt.me/D9gl
This happened when I upgrade to version 6.3 theme
Best regards
In spanish:
Hola, mi problema es que no veo a la web responsive en los móviles.
Una captura de pantalla aquí: http://mobt.me/D9gl
Esto ocurre luego de la actualización a 6.3 de newspaper.
Gracias por su respuesta
Hi, if you open given url you’ll come know what i want to do not load on mobile phone theme. From visual composer we can hide side bar in only home page. I don’t have problem with problem with home page.
1. Only want to load content for every page not home page
2. Don’t want to load side bar
3. From footer i don’t want to load social, tags, recent comments. Please check url.
4.I just want lower footer which have links. Footer in black colour.
Hi,
Unfortunately theme’s smart sidebar feature isn’t designed to work on iOS iPads and on mobile devices. You cab try to remove the detect ios function within this conditional: http://screencast.com/t/9X2yE3vlUME to enable it on ios devices and hire a freelancer to adjust it to work on iso devices if you don’t know how to do it. You can find one on site’s like: http://studio.envato.com/
Thanks for the message!
Hi Team tagDiv,
I just received an email from Google about issues with my blog when users access it on their mobile devices. I use Newsmag version 1.5. I made a few customisations and have not yet upgraded to current version. And of course newsmag is responsive so I haven’t bothered about mobile access theme changes.
Here is what Google said:
Fix mobile usability issues. We’ve found critical mobile usability issues in pages on http://alltopstartups.com/
Errors found:
1. Touch elements too close 372
2. Content not sized to viewport 369
3. Viewport not configured 3
4. Small font size 3
Please advise on what steps i can take to fix the theme’s mobile usability issues.
Thanks.
@sid
you can test one of your post pages here:
https://developers.google.com/structured-data/testing-tool/
you can see all the data being extracted by google from schema.org “markup.”
There are some issues due to a major change to the testing tool and the next theme update will address that.
You have no control over WHAT Google actually shows in SERPS, you can only provide the data they crawl. They may change the elements actually shown and some data is not shown on desktop as Google continues to “think mobile first.”
Hi,
Your logo looks fine blank background like you have on desktop. You can change also the background color for mobile menu using custom css in Theme Panel > Custom Css – http://screencast.com/t/GdbfzhveFH4
@media (max-width: 767px) {
.td-header-wrap .td-header-menu-wrap-full, .td-header-wrap .td-header-menu-wrap, .td-header-wrap .td-header-main-menu {
background-color: #fff !important;
}
#td-top-mobile-toggle i, .header-search-wrap #td-header-search-button .td-icon-search {
color: #222 !important;
}
}
Hope this helps!
Hi
The theme doesn’t have an option to display different font size on mobile devices but you can use media queries to do that like in this example.
/* the query for mobile devices */ @media (max-width: 767px){
/* classes for the selected element */ .td-post-template-default header .entry-title{
/* css rule */ font-size: 28px;
}
}
Notice that this example it’s for the post title from post template default. For other elements and post templates classes will be different and you need to inspect the element (hover over, right click >
Inspect element) and target that specific classes that the changes take effect.
Thanks!
Hi,
Unfortunately the top menu was not designed for mobile devices, we try to find a better implementation for sign in/register widgets in a future update. Until then you can try this custom css in Theme Panel > Custom Css: http://screencast.com/t/cw4mTt1hSINv
@media (max-width: 767px){
.td-header-top-menu-full {
display: block !important;
}
.td-header-sp-top-menu {
display: block!important;
}
.menu-top-container {
display: none !important;
}
.td-header-sp-top-widget {
display: none !important;
}
}
Thanks!
After updating the theme, the menu on mobile went dark grey. This doesn’t work with my logo.
How can I change it to white, as the desktop version? Or maybe keep just the burger menu and search button dark?
Thanks.
Hello,
I’ve made some changes in the sizes of fonts via the theme panel. How can I make the changes do not appear on mobile screens. As I increased the size of the font titles, in the mobile the font is absurdly large.
Thanks,
Flaubi.
First of all i am very exited about Newsmag theme 🙂 Really exited 🙂
Thank you developers 🙂
Here is my page sample: http://www.mobee.lv
Unfortunately now after first setup my page works in very low speed level:
27 / 100 mobile
35 / 100 desktop
I am not advanced user and i don’t know how to improve my page speed.
Have you any solutions for beginners?
Hi
By default the theme hide the top menu on mobile devices but you can find a way to display it in this topic: https://forum.tagdiv.com/topic/loginlogout-in-mobile/
I am not sure what you mean because the footer menu should be visible on mobile device as you can also see on our demo: http://screencast.com/t/L2gTNRTVhKq
Thanks!
Hello, i just bought this newspaper themes. It’s fantastic. Thanks.
I have 1 problem right now regarding to the video format with feature video. I use link from youtube and the result when we play the movie we will notice about lagging problem, especially when we open from mobile. So right now i switch from video format to standard format and paste the embed youtube code and the result is very good. How to solved this video lagging in video format ?
And a second request how to put title in big grid block ?
Thanks.
Hi
By default the theme hide the top menu on mobile devices, but you can display it using custom css, like I’ve already suggested above:
@media (max-width: 767px) {
.td-header-top-menu {
display: block;
}
}
Notice that the top menu elements don’t have style for mobile devices so you may need custom css for them.
If this isn’t working like you want it please provide your sites url and more details about this and I’ll have a closer look at it.
Thanks
Hi,
Please disable all the plugins, leave just Visual Composer active, clear cache and purge your files if you use CDN then check if you still have this issue on mobile as the theme doesn’t add this(you can check our demo on youe decvice – http://demo.tagdiv.com/newspaper/ ). Also you can check if your server doesn’t redirect on another page on mobile.
Thanks!
Hi,
There is a margin bottom for all custom ads – http://screencast.com/t/yLYbA8Bj4 and unfortunately there is no specific class to target the ad when it is hidden. A solution is to remove this margin using media queries, try this custom css in Theme Panel > Custom Css to remove it for other devices than mobile – http://screencast.com/t/VsJTHrPH9Q
@media (min-width: 768px) {
.td-g-rec-id-custom_ad_2 {
margin-bottom: 0 !important;
}
}
Hope this helps!
Wellll…..
WordPress does not support alt tags by default, not a theme issue. Most people don’t bother to setup alt tags in their media panel. You can modify WP and/or theme to add them; but WP’s own default themes don’t support them either. This is well known issue to consider in all themes prior to purchase or deployment. Our traffic went UP on one site using TagDiv themes, so not necessarily relevant in all cases.
H1 tags can easily be added to home page to setup a desired blurb about your site, either top of page (not normal), sidebar, bottom home page. Simple to do.
Yoast has had more SEO problems than TagDiv on average the past 2 years, so not always a “benchmark” — you always need to check issues with Yoast prior to any SEO plugin update as THEY often break things every major dot version they come up with. One version had 5 semi-dot updates in one week to fix all the problems.
But always good to test your posts to see what Google is seeing with the debug tools.
The best SEO is still ORIGINAL content, posts between 800-1200 words are the “Sweet Spot” — avoid short posts and copycat of other site content and images; avoid posts with a YouTube video and one paragraph about it, etc.
Also be aware for any sites in Google News, they have been having hiccups again since last month, where sometimes image not shown in GN searches, headlines may pull the (ironically) alt tag from photo vs the headline, and other oddities.
Also be aware Google’s bot has been pulling in “hidden content for mobile” as part of desktop results lately, implying that there is some shift in their scraper to “mobile first” for scraping news sites, desktop as fallback. We had a hidden photo on mobile “tap to view image:” so that the photo wouldn’t be see unless asked for in mobile … that text showed up in Google News in excerpt from story (!!).
Upshot — it’s not just you – Google is messing with the known universe again, and in some very odd ways related to “scraping” your page, separate entirely from the sitemap which SHOULD be pulled first for data but is apparently not. If you’ve noticed traffic oddities and are in Google News, this may be factor in things you are seeing, perhaps not. It’s impacting us, with sites not even running WordPress (!).
Hi,
I’ve checked your site and found these errors in browser’s console: http://screencast.com/t/1pPVDiMdp2 which cause you menu issues on mobiles so please test this without using any plugins, leave just theme’s plugins active, empty all caches and test again.
Thanks
Hi,
Please deactivate mobile theme from jetpack – https://forum.tagdiv.com/how-to-manage-the-mobile-theme/
Thanks!
Hi there,
we are using the Newspaper theme on our site http://outdoorkid.de/.
Unfortunately, the mobile version looks completely wrong. The desktop version, even when viewed in a very small browser window, looks fine.
This is a screenshot of the site on a desktop browser, in a small window: http://outdoorkid.de/wp-content/uploads/2015/07/Responsive-on-Desktop.png
This is a screenshot made on the iPhone: http://outdoorkid.de/wp-content/uploads/2015/07/iPhone-Browser.png
Both were made using Chrome.
Could you please help in fixing the mobile view?
Hi,
I’m not sure why this doesn’t work for you as it is tested and should work fine – http://screencast.com/t/37usR2YUgfHc just paste the css code in Theme Panel > Custom Css – http://screencast.com/t/nQ9cHORoh and also clear cache.
@media (max-width: 767px) {
.td-header-wrap .td-header-menu-wrap-full, .td-header-wrap .td-header-menu-wrap, .td-header-wrap .td-header-main-menu {
background-color: red!important;
}
#td-top-mobile-toggle i, .header-search-wrap #td-header-search-button .td-icon-search {
color: #222 !important;
}
}
Anyway we will add this option in Theme Panel until your site will go live.
Thanks!
I found that string css code earlier and I couldn’t get it to work. I tried placing it in the main custom css box as well as the mobile options and everything stayed the same.
When do you suppose a option will be created in the theme panel? My site is to go live by September and would like it done by then.
Hi,
Sorry for delay we don’t work on weekends!
If you want to have logo in the mobile menu for header style 10 you can try this custom css in Theme Panel > Custom Css: http://screencast.com/t/EYBWXtMsg
@media (max-width: 767px){
.td-header-style-10 .td-main-menu-logo {
display: block !important;
}
.td-header-style-10 .td-logo-wrap-full {
display: none !important;
}
}
You will need custom modification to display style 1 like that, but I’m not sure why you want that instead of using style 10.
Hope this helps!
Hi,
You can change the background color for mobile menu (and menu icons if you want) using custom css in Theme Panel > Custom Css, as the theme doesn’t have an option(this is on our list and we plan to add an option in future). Please check this topic – https://forum.tagdiv.com/topic/mobile-header/
Thanks!