- 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
- ApiUsing the Theme API in plugins
Hello, once again that did the trick 🙂
but the icons now look very condensed. Is there an option to add some space between them? Or just make them a bit smaller on mobile view so they look nice again?
Thanks
Hi,
Ok Bogdan. I’ll tackle this problem later. But right now as was my first question. My site http://www.tycoonzfitness.com/ is not optimized for mobile. You can also check it here,
https://www.google.com/webmasters/tools/mobile-friendly/
However, I’ve configured robots.txt file correctly, which can be checked here,
http://www.tycoonzfitness.com/robots.txt
It gives two reason
- Content wider than screen
- Links too close together
I’ve checked it several times by disabling all the plugins except V.C. But it seems, not to resolve this.
Please give me any helpful suggestion for this.
Best Regards,
Hi,
You can use this css to activate the top menu on mobile:
@media (max-width: 767px){
.td-header-top-menu-full {
display: block;
}
.td-header-sp-top-menu {
display: table!important;
margin-left: auto;
margin-right: auto;
text-align: center;
float:none!important;
}
}
Thank you!
Hi. I am using the Header style : default (style1)
So I do have an ad near to the logo (header ad). But when I view the website in any mobile this ad is shown first and the logo is only shown after the ad is shown. And that isn’t a pretty good thing for me. I want the ad to be below the logo bar. Is there any possible ways to adjust this. Thanks in advance.

Please tell me how to enable both the top menu and the main menu in the mobile responsive version? I want both the menus to appear there.
Thanks.
my site: http://www.occhiodifalco.net
Hello VoZz,
In this case, a quick solution for you, if you want to improve the image quality for your mobile devices when using the Block 4 is to try to change the thumbs that are using for this type of block. Please notice that the block 4 uses the module 2. Also, from td_config.php you have to change the get_image parameter like this -> http://screencast.com/t/yhifkpUip with a big thumb dimension. Also, please notice that this solution requires some CSS additional customizations for good results.
Hope this helps!
Thank you for your understanding!
Hi
I’ve checked your site with google page speed tool and hits a good score: http://screencast.com/t/ihro9rVcru8t However it can be improved by moving jqery resources to footer by using theme’s Speed Booster plugin. You can also move theme’s css but in that situation there will be a little delay with the style.
Here you can find some useful information regarding Speed Booster usage: https://forum.tagdiv.com/topic/mobile-view-problem-3/ Also you can improve the loading speed using mysql query cache: http://dev.mysql.com/doc/refman/5.1/en/query-cache.html we also use it on our demo.
Thanks!
Hi
Sorry for this misunderstanding. Because of huge amount of works my colleague Catalin omitted to check the origin of these buttons.
Checking your site I’ve noticed that you have setup some margins for this button: http://screencast.com/t/Ir5RY9R2s1 that’s why its layout is affected on mobile. If I remove these margins the button will be displayed fine: http://screencast.com/t/QKmujbmG
Edit the page with Visual Composer and remove the indicated margins as they cause the misalignment for your button.
Thanks!
Hello olivervossmann,
I have checked your website and saw that you are using Header Style 8. Please try the code below and add it in Theme panel->Custom CSS area and then your top bar menu will be displayed in the mobile version.
The code is ->
@media (max-width: 767px){
.td-header-top-menu-full {
display:block!important;
}
.td-header-style-8 .td-header-top-menu {
display: block!important;
}
.td-header-sp-top-menu {
display: block !important;
}
.td-header-style-8 .td-header-top-menu {
margin-left:0;
width: 100%;
}
}
The result you should see here -> http://screencast.com/t/KOf6LfoLz
Thanks.
Hi
A css which will display the button only on mobiles could look like this:
@media(min-width: 767px){
.button-css-class{
display: none;
}
}
You’ll have to add button’s css class in this code and it will be displayed only on mobiles.
Thanks!
Hello all,
If you want to display the top-bar menu on your mobile version, you have to use a bit of CSS code to dod that. Please try the code below and place it in Theme panel->Custom CSS area. Also, please notice that the mobile menu will remain with the same structure because this is the own design for the mobile version and cannot be changed to be displayed as on desktop version, because it is not a simple task and require more additional customizations that involve custom work.
The code is ->
@media (max-width: 767px){
.td-header-top-menu-full {
display: block!important;
}
.td-header-sp-top-menu {
display:block!important;
}
Thank you for your understanding!
Hi
I’ve checked your site with google mobile friendly tool and noticed that is not fetched properly. Here you can see how google’s result when fetch your site: http://screencast.com/t/U4HBJK6dcP5 – https://www.google.com/webmasters/tools/mobile-friendly/?url=http%3A%2F%2Fwww.tycoonzfitness.com%2F
I’ve also checked you robots.txt file and noticed that you’ve blocked some of site’s resources from being visited by online robots. This could affect the result from google so try to remove the restrictions then check your site again. You can find more detail about setting up robots.txt file here: http://www.robotstxt.org/robotstxt.html
I hope this helps.
Thanks!
Hi Bogdan,
I want to mention here you take too much time in replay. According to your reply, I have just test your theme demo http://demo.tagdiv.com/newspaper/, at the mentioned link. https://developers.google.com/speed/pagespeed/insights/
But the soooooooo many problems as was in case of mine. Both for mobile and desktop.
You can also check directly from the above mentioned link as I am not sending screenshot with this message. I am mentioning some issues that are same for all the websites that are using newspaper theme.
The most important that needs removal immediately.
- Eliminate render-blocking JavaScript and CSS in above-the-fold content
- Size tap targets appropriately
There are several others but I am just talking about these two because I don’t know how to tackle & go through with it. Where JavaScript and CSS going to block & what is meant by above-the-fold content? Which tap needs adjustments?
I am mentioning something about me that I am Electrical Engineer and I’ve purchased another domain http://www.tycoonzit.com/, I’d just thought to purchase newspaper again to use it for this site too. But these issues looking huge problem with the theme? If there is any solution then please provide us as soon as possible. Especially the first one needs immediate attention.
I’m not posting it somewhere or themeforest except here, also I don’t want to give -ve reviews about newspaper. As, I know that this stage required so much effort that you’r team and you had made.
If possible then replay in today’s time.
Seeking for reply.
Regards
-
This reply was modified 10 years by
Akif Hameed.
Hi.
The theme is awesome. Please tell me how to enable both the top menu and the main menu in the mobile responsive version? I want both the menus to appear there.
Thanks.
My Site: http://www.inselleben.es
User: guest
PW: guestguest
Hi TagDiv,
I am trying to create a button ONLY for Mobile.
On http://www.glitched.co.uk (view in mobile), I would like a standard button at the footer saying “Read More Stories”.
Is there a way to achieve this via media queries?
Hello BrunoBerlanga,
I have checked your website and please notice that you have no any issues regarding no your logo. Please keep in mind that our theme is responsive and the logo will be adjusted according to the width of your devices. The logo will be bigger when you switch your mobile in landscape mode because the width will be higher and the logo will be adjusted by it. For more information about our logo section, please check our documentation here -> https://forum.tagdiv.com/logo-favicon/
Thank you for your understanding!
Facebook rejected an ad based on the sharing button
Ads that have more than 20% of text in their image won’t be approved to run on Facebook or Instagram. Too much text can look like spam and make people think that your ad is low quality. Make sure to use the headline and body of your ad to tell people more about why you’re advertising and what you want them to do. Learn more about Facebook’s Advertising Guidelines.
Upload an image below to see how much text you’re using. After you upload an image, we recommend marking five boxes on the grid in order to determine whether your creative is likely to be acceptable to show on Facebook or Instagram.
How do I change the ad/sharing that is being used when you share something on facebook?
http://ncadvocate.net/
Hello, I am looking to add an additional navigation menu that is similar to what can be seen on menshealth.com and popularmechanics.com … it is a little three-bar icon to the left of their header logo, and when clicked, a full menu appears in the left side of browser window.
http://www.menshealth.com/
http://www.popularmechanics.com/
It is almost like the kind of icon you see when a nav menu gets minimized on a mobile device. .. same style. But, in my case, I will make this ‘additional menu’ actually not appear on mobile. I just want that functionality as seen on those other modern sites. Any ideas on how best to implement this? Is there a built-in way to do this with the Newspaper theme? Or perhaps I will need to custom code. Open to suggestions, thanks!!
Hi,
I’ve done what you’ve said but the issue is still unresolved. I know your demo is mobile friendly but the issue with my website is not going to solve. Please help regarding this.
Regards.
How do I move the position of the sidebar on posts? It is showing the content, then sharing buttons, then related articles. How do I set it so it loads like this;
1. Article
2. Enter Competition
3. Share Buttons
4. Related Articles
Thanks
Hello,
I’ve just noticed the load more function that I have set throughout the website isn’t working when using my website on mobile or tablet, it just comes up with the loading icon but doesn’t load anything. It does however work fine on desktop.
This is the website – https://www.timesoftunbridgewells.co.uk/.
Do you know why this is happening?
Hi, I was using the theme with the visual editor, and while it looks ok on the desktop, on the mobile it’s not working properly.
Here I attach a screenshot to see what I’m talking about.
Any help?
Thanks
Hi
I’ve checked your site on different browsers and it works fine on my side: http://screencast.com/t/Gur6rxWrh6c I am not sure why this happens on your side but you can try to improve the load speed following our documentationhttps://forum.tagdiv.com/how-to-make-the-site-faster/ also this topic may help you in this regard: https://forum.tagdiv.com/topic/mobile-view-problem-3/
Thanks!
Hi,
The top menu was hidden on mobile as a design choice. This was done with css so it can be activated. Please provide a link to your site so I can provide the proper code.
Thank you!