- ApiUsing the Theme API in plugins
- ApiPractical example – How to add a new Block and Module
- ApiAPI – Smart Lists – Introduction
- ApiAPI – Category top section style – Introduction
- ApiAPI – Category top section template – Introduction
- Apitd_api_module::update
- Apitd_api_module::add
- ApiAPI – Modules – Introduction
Hy
You can use this css in theme panel > custom code > custom css to hide more article pox on mobile devices: http://screencast.com/t/kQu6zk5n34gU
@media (max-width: 768px){
.td-more-articles-box{
display: none;
}
}
Let me know how it goes.
Thanks!
Hello erikbaseball2,
So, do you have some customization through code or some custom CSS added by you in the theme, which could affect the mobile menu? If not, please send us an email at contact@tagdiv.com with your log-in information (wp-admin) so I can further inspect your setup page. Also, please provide the link of this topic so we can know who you are and what the issue is.
Thank you for the message!
Ive got the Newspaper theme almost complete and I am loving it. However, I’ve ran into a snag; my mobile colours are not matching my desktop. I’ve tried changing to multiple colours from the theme colours section, with no luck.
What’s weird is that some of the mobile pages change but not the main?
Any ideas? The site is http:singlegadget.com
Thanks,
Zane
@temporary_saint, were you able to get demand partner SSP/exchanges working within adglare? Took a look at their demo which seems to only show adsense backfill. Do you run DFP in parallel and take DFPs ad tag and put into adglare?
If you are just using adsense as demand, then tagdivs theme out the box does this by using responsive adsense ad tags:
For one, the ads scale in size, so they look great and proportional on all devices.
and this if you customize what size you want by width within the theme panel options
Secondly, I was able to show ads in different places, depending on the screen size… meaning I could have a box ad in the sidebar when on desktop or tablet, but then have it jump into the content when on mobile (so that it didn’t end up with the sidebar waaaaaaay down at the bottom).
Hi, I deactivated and deleted all plugins that weren’t bundled with the theme and it is still acting up on mobile. site is dynamicgov.com
Hi
I assume that you’re referring at scroll to top button. You can make that button viable on mobile by adding this css in theme panel > custom code > custom css: http://screencast.com/t/aMOGjXdA
@media (max-width: 767px){
.td-scroll-up-visible {
display: block!important;
}
}
Thanks!
Hello TagDiv,
I need to create a mobile only ‘back-to-top’ button.
Is there a function on the theme that can allow me to do this?
Alternatively, is there a CSS where I can do this.
Thanks,
Hello kapunas,
Please notice that is not a simple task to change this functionality. You need to alter the code from tagdiv_theme.js and menu-mobile.php, like this -> http://screencast.com/t/5qjye5jYehu -> http://screencast.com/t/355wCqLaeJfu
Hope this helps!
Thank you for your understanding!
Just as an aside — what another theme did, which was “sort of” clever, but also a tad confusing, is they made down arrow prominent next to each item, and then on mobile the down arrow (chevron, whatever) would trigger the drop down menu, but “main” item would function as on desktop as a “click location”
So, desktop would work as TagDiv menu does now.
iPad, the behavior would change so that only down arrow would trigger drop down, but the “main” menu item would work when clicked directly and would not trigger drop down menu.
Took me a bit to figure out and was intially annoyed the drop down menu didn’t work, and I’d keep going to the actual page — which is the situation TagDiv trying to address, and the way most “mega menus” work … but once I figured it out, I went “oooooh…. hey, that’s kind of clever” ….
Not sure this would be solution here; but I suppose on mobile people might be more likely when not using hamburger menu to want to go to main item vs drop down.
Of course, also note many theme devs just default to hamburger menu/slide out, to solve this issue entirely.
Andrei’s explanation is correct and logical for how the menu works, so not a bug… but simply no other way for it to work on mobile as you can’t have a button be a link and a drop down trigger ‘on tap/touch’ as there is no hover.
Anyway… the down arrow = trigger dropdown menu would be ONE solution, and it’s clever. Of course people complain about that solution too 🙂
-
This reply was modified 10 years by
simchris.
I’ve had the same thing. Appears to be a bug. The quick fix is simply go back into the theme panel and change the font again. Especially the font on the main menus (desktop and mobile). Fonts can change randomly when you change other fonts. It’s been mentioned before, but it’s very random and very hard to document for support purposes…

I have changed the fonts of my website yesterday (used typekit.com font). Now the above image shows the new font that I changed yesterday. But this pic got screenshot when loading of the page.
But after loading the font changes to something else, which is not the one I have set on my theme panel.
The below image shows that.

But when viewing the site on mobile, it shows the correct font.
Hello fajriearadea,
Please notice that the “more article box” are disabled for the mobile mode and then this feature is not be shown in this case. If you want to have this feature to the mobile mode, you have to use a bit of CSS code to do that. Please try the code below and place it in Theme panel->Cusotm CSS area.
The code is ->
@media (max-width: 767px){
div.td-more-articles-box {
display:block !important;
}
}
The result you should see here -> http://screencast.com/t/XkFuGaN4j7
Also, if you want to use the related articles feature without thumbnail, please try the code below and place it in Theme panel->Cusotm CSS area.
The code is ->
.td_module_related_posts .td-module-image {
display:none;
}
The result you should see here -> http://screencast.com/t/bF0WXSwLaIG
Notice: The related articles may not be used on the sidebar. This feature was designed to be used only in 2 or 3 columns.
Thank you for your understanding!
Hi Andrei,
I have to agree with @kognitoweb. Your theme is mobile friendly but it’s certainly not mobile ready. This is terrible.
My main page is the Bank Holidays page, and the menu is critical to any website. The fact is it doesn’t work. While pages are also available on other elements of the site, e.g. sidebar, it will render differently on different devices.
I’m going to give it a slating on Envato. It is bad.
Will be happy to change my review when the problem is resolved.
Robin
Hi. Yes, is possible 🙂
Following the guides and forum I reached using Comet Cache, tagDiv Speed Booster, etc.
all nice, added in tagDiv Speed Booster the codes, removing statistic plugin by histats (js hosted at them), no ads.
but since I want to add some ads, and back my statistic plugin or other I need to get those 5% I miss:
Eliminate render-blocking JavaScript and CSS in above-the-fold content : style.css
– if I add
$this->move_style_to_footer_queue('td-theme');
then is showing in pagespeed/insights back (reverts) all the changes I made… so, not good.
– if I add ‘td-theme’ line above and remove any other block that contains ‘td-theme’ in Speed Booster it crashes.
– There is a way to fix style.css render-blocking?
i ask, since i followed all the other codes, used them, it works, but not for style.css …
– other note: adding (‘js_composer_front’) breaked my homepage, any page I do with composer is showing a vertical line on the left side of the theme. so I now use only latest posts as homepage, to look fine.
– on mobile I have 84 / 100 just because of the same error, style.css in the screen above.
using wp 4.4.2 and v2.3.5.
Hi
Use this css in theme panel > custom code > custom css: http://screencast.com/t/ZGIixIi3a
#td-mobile-nav .td-social-icon-wrap .td-icon-font{
font-size: 22px;
}
Thanks!
Sorry…. I don’t work here sorry.
You can view my tutorials in the DIY on optimizing the theme with all the various settings I use to get 95+ on desktop and mobile. But mod_pagespeed is just a tiny part of that.
Mod_pagespeed can also be optimized on server which – again, has nothing to do specifically with this theme. For example, is the server using opcache with mod_pagspeed ? Are all the default filters turned on?
TagDiv folk might be willing to share their settings. But, again this is not a theme related issue.
Mod_pagespeed alone won’t fix all the optimizations needed for fastest site speed/loading, etc. — it’s a “helper” …
It does look like you’re using my settings from my tutorial and posts here, so good start. You need to experiment with the other filter settings. Again, I don’t suggest doing any of the merge/move CSS/JS options, as I found it breaks things. Your mileage may vary 🙂
See:
https://developers.google.com/speed/pagespeed/module/config_filters#level
-
This reply was modified 10 years by
simchris.
Hi,
I’m not sure it can work that simple. There is no single less file where all the mobile version style is being compiled from. The @media 767px is defined in this file: http://screencast.com/t/cbHwSDSX and then used in all of the less files: http://screencast.com/t/tlvu4snT6
This will not be a walk in the park as the theme was not designed with this in mind. Sorry.
Thanks.
Hi
@akobryan I get your point but we can’t totally forget about page speed or the size of page loaded by the browser in favor of a nice looking layout on a specific device. For many clients the page speed is a very important factor. The page speed refers exclusively how fast your server can serve the requested page, not how fast is visitor’s internet connection. For example a page which contains only high images will have a bigger size and also the response time will be higher.
We still look for a way to improve theme’s layout on mobile and we do our best to find a middle way which somehow will fit in all situations.
Thanks for your message!
Hi
The mobile menu icon appear on your site but its color is white, that’s why is not visible. Try this css in theme panel > custom code > custom css, it shout correct that: http://screencast.com/t/eFn1MW7Lv
#td-top-mobile-toggle i{
padding-left: 4px;
color: black;
}
Thanks!
Thanks Andrei for your consideration about my message.
Yes, I understand the situation. Not an easy deal.
But more and more, peoples use mobile devices as the unique way to navigate on internet.
Especially the young ones.
According to the place you are, the internet connection with a mobile device can be more or less fast.
So the load speed and the traffic is affected, of course.
But what a frustration to have a so gorgeous and pro looking website (because of Newsmag theme !) to see on desktop, and so poor thumbnails to see on mobile devices.
I hope your great team will find the solution in a near future !
🙂
Thanks
Hello travisnw,
Please notice that the mega menu is only for desktop/iPad and for the mobile version it was thought another style for the menu. If you want to change the mobile menu, you have to do some additional customizations through code that involve custom work. If you want to change the structure of the theme in this case and you are not aware of the steps in this regard, please consider hiring a freelancer/developer to help you because we cannot provide customization services at the moment, sorry!
Thank you for the message!
Hi Andrei,
I realized that I have the same problem with the low quality thumbnails on mobile/pad.
And I can’t solve it, I tried all the tips found on the forum.
Either I got error message from the server, or the quality still remains poor.
Especially, the problem is really disturbing with blocks (2, 11, 12…)
I really enjoy the great job all your team has done with this theme, really impressive.
But this problem is really different than a customization choice or the wish to add more functions.
Today, it should be natively implemented in the theme and natural to have good quality thumbnails on mobile.
And without needs to step in php files or add some external plugins.
Thanks for help, later.
I’m having an odd problem. In the Newsmag theme panel, I can’t seem to save any changes I make to the theme. Just for an example, under “Header” I tried to change the logo used in my sticky menu from the header logo to mobile logo. Clicked “Save Settings”, and then the ‘loading’ animation that pops up to indicate that it’s saving just spins and spins and spins. If I let it, it’ll spin forever until I refresh the page, at which point none of my changes have been saved.
So how do I go about fixing this? It’s been a while since I’ve made any theme changes so I can’t really say how long this has been happening. No idea if the recent WordPress update triggered this or if maybe it was something else.
We are very much enjoying working with this theme. Thank you.
How can we set the block title subcategory filters on the Home page? The posts appear in the correct category section, but the block title either displays all subcategories or no subcategory filter at all.
How can we set the block title sub-category filters so that they display only the subcategories associated with each category, more like the ThemeForest demo.
For example: http://themeforest.net/item/newspaper/full_screen_preview/5489609
LIFESTYLE NEWS | All Travel Recipes Health & Fitness Business
TECH AND GADGETS | All Gadgets Mobile and Phones Photography Reviews
Thanks for your help.
Hi TagDiv,
I wanted to find out if it was possible to import an entire mobile menu from another theme into Newsmag?
Will this affect the rest of theme quite a lot i.e. break it?
If not, a suggestion for the next update could definitely be to make the mobile menu more animated. At the moment, when you click it, it just pushes the content and loads. Perhaps it would be nice if there was an animation as it opened as more of a slide effect.
Just a thought.