- 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
I’ve been trying to add a html widget (with an autosize function) inside one of my columns (1/1) on the homepage and I get mixed results. With autosize, the width fills up but the height stays narrow not showing the full chart. If i were to replace the “autosize” and input with actual “widths” and “height” then it wont autosize on the mobile version, being too big too see on your phone.
So the main problem is getting the chart to show up on the mobile version of my website without it being too wide to see, and then also being big enough for those desktop viewers. The only way I can see this working is if I can have it on autosize but somehow find a way to increase the default widget box css height but how?
<!– TradingView Widget BEGIN –>
<script type=”text/javascript” src=”https://d33t3vvu2t2yu5.cloudfront.net/tv.js”></script>
<script type=”text/javascript”>
new TradingView.widget({
“autosize”: true,
“symbol”: “FX:SPX500”,
“interval”: “D”,
“timezone”: “Etc/UTC”,
“theme”: “White”,
“style”: “1”,
“locale”: “en”,
“toolbar_bg”: “#f1f3f6”,
“allow_symbol_change”: true,
“hideideas”: true,
“show_popup_button”: true,
“popup_width”: “1000”,
“popup_height”: “650”,
“no_referral_id”: true
});
</script>
<!– TradingView Widget END –>
Or is there a way to disable the mobile version of the newspaper theme so everyone redirects to the desktop version no matter what?
Adsense ads have suddenly stopped displaying on mobile devices. Works fine on web. What should we do? Thanks!
Read the docs on the AMP plugin as good first step.
AMP only loads content in the actual content box. Anything else “outside” the post, you have to add by editing the AMP plugin template. This solution makes it easier for people with different needs, templates, custom post types, etc., to enable what they want — which varies from site to site.
AMP is not required, but will get some bump in mobile search with the little AMP lightning bolt next to SERPS listings and also appear in the news carousel, where non-AMP versions will not.
YOAST SEO and Glue addon are useful for dropping in additional things to align the AMP version with the main version of post, default image, etc.
It’s all still a work in progress obviously. First step is actually having AMP pages so Google can see you’re moving to AMP, then they will “see” that and add AMP spidering to your Search Console for review.
Theme does fully support AMP, but any customizations you need have to be made to the actual AMP template provided with the AMP plugin.
So, best bet is to try inserting the video into the template itself either from custom field, or pull the field from the video post type?
Then check validation tool from Google … be careful of some funky stuff with iframes, everything MUST be https if loaded from external location, and there cannot be any inline styles like align tags on paragraphs vs using a class.
Not sure that answered your question, but luckily it’s easy to mod the AMP template. 🙂
==========================
See my tutorial thread on AMP.
https://forum.tagdiv.com/topic/tutorial-getting-started-with-accelerated-mobile-pages-amp/
Theme supports AMP via the plugin made by the same people who make WordPress.
Using YOAST SEO, AMP plugin, and Yoast AMP Glue, our sites are working very very well with AMP.
See my tutorial thread on AMP.
https://forum.tagdiv.com/topic/tutorial-getting-started-with-accelerated-mobile-pages-amp/
Theme supports AMP via the plugin made by the same people who make WordPress.
Using YOAST SEO, AMP plugin, and Yoast AMP Glue, our sites are working very very well with AMP.
Hello,
I face up a problem with menu. For big screens i use Mega Menu depending on Post Categories.
But on mobile, i cannot see my menu. In mobile version i just want to have the Post Categories as List View.
How could i manage this?
Thank you for your time.
Have a nice day.
Vaggelis
Hi,
I’m playing around with Google AMP, and I know you guys aren’t fully supporting this yet, but I was wondering if you could help me get the “td_video_suppport” function working.
Web Example: http://gossiponthis.com/2016/03/09/lil-mama-dragged-twitter-remixing-rihanna-work/ — The youtube video appears at the top because we have formatted this post as a “video” and inserted a youtube link under the “Featured Video” section in the post editor.
AMP Example: http://gossiponthis.com/2016/03/09/lil-mama-dragged-twitter-remixing-rihanna-work/amp/ — Where the image is should be the YouTube video. Or, maybe we could just insert the video embed directly above the post content, and leave the featured image on top.
Regardless, would it be possible for someone to put this together? I imagine it wouldn’t take too much considering the functions are already in the template, correct?
Thanks,
– Dustin
Hi
I am attempting to change my theme to Newsmag. Everything looking good when I’m logged into the admin panel
https://www.dropbox.com/s/58nhn3xrsetvsql/wg%201.JPG?dl=0
but as soon as I log out it doesn’t render any styles at all. All browsers (desktop/mobile) look like this
https://www.dropbox.com/s/ra0s4jya982o58f/example%20of%20how%20womensgolf.com%20appears%20in%20all%20browsers%20-%20this%20is%20chrome.jpg?dl=0
What are the possible explanations for this?
Richard
Apologies, I have fixed the tint issue but it still shows up on Mobile and Tablet. Is this a @media issue?
All mobile themes are “responsive” which means they are designed to move elements on “the grid” depending on viewport, and if they don’t fit, they drop down to next row in grid.
I think you can alter the “break point” to keep the sidebar on ipad portrait if that’s the sort of thing you’re thinking, but obviously a sidebar on a small phone makes no sense.
TagDiv will be able to give you heads up altering the breakpoint (this is actually one of the reasons we use the Newsmag theme, to keep the sidebar on the iPad portrait view, which it does by default).
Hi all,
I’m new to working with word press themes.. We would like to be able to disable our mobile view all together. Our sidebar adds get placed on the bottom of the comments section, which cuts our add revenue in half in comparison to another site with similar views we have that doesn’t have a mobile version.
I’m searched the settings over several times.. looked through the forum, and can’t figure it out for the life of me.. I’ve seen some things online that suggest it is possible on some themes by editing the code, but I can’t seem to figure that out either so any help would be greatly appreciated.
We LOVE the newspaper theme, it is overall super easy to work with, and visually stunning.. however, if we can’t figure this out we will have to switch to a different theme which I’m sure wouldn’t look half as nice so we are really hoping to avoid that and hoping someone can help resolve this issue so we are able to..
Thanks!!!!
Yes, you should ideally serve ONE version of site, but normally you would setup your DNS to serve both www and non www, which it appears you’ve done, and then make sure your CANONICAL links say the one you want — this is one of the reasons that Google et al implemented the “canonical” link — this tells bots which link is the “real one” and which is another version, such as www or not www, amp, mobile, etc.
So, check your canonical links are showing on each page as the “actual” link you want the page to be “known as” and of course Google has tool to let them know also. But this needs to match on your site, your theme, your internal links, Google Search Console, G+ account, AdSense, etc.
That was too easy – this way it does not work on mobile. I think, because it doesnt adjust the content to the width of the mobile screen anymore (See: https://www.dropbox.com/s/apgnn1jt1nbelnk/Screenshot_2016-03-11-14-31-38.png?dl=0)
Any ideas? Is it possible to put the width in percentage into the css?
Thank you!
Hi everyone,
I’m tottaly newbie here.. please help
I have issue with page speed for the first place.. I have installed the newsmag, sinced i also installed lot of others plugins. i’ve been experiment with jetpack mobile theme activated. In the beginning i thought it would get a long together with the newsmag theme, after a while.. it ruin my mobile looks. right away, i’m just deactivated the jetpack ( just like they said ) and it still stuck with the current jetpack mobile theme. Anybody could give me advices, what is wrong and what should i do?
Thank you..
Hi
Try this css in theme panel > custom code > custom css to change tha background color for mobile menu: http://screencast.com/t/D2ieUCRlBOhj
@media(max-width: 768px){
.td-header-main-menu{
background-color: red;
}
}
Let me know how it goes and if this is not what you mean please provide your site url and more specific details about the part which you want to edit so I can inspect this and get back to you with the proper code.
Thanks!
Hi guys,
I’ve been trying to figure out how I can change the background colour on the mobile version only.
One of my sites is due a redesign, I’ve redesigned the logo in Orange and black with a grey accent. I’ve set the main nav colours to the same colour configuration with the grey acting as the background colour for the nav and it looks great until you go to the mobile menu because part of the png logo is lost in the background of the main nav colour that’transferred over from the themes main nav colour scheme
Basically I want the main nav on desktop to be as it is (because the logo isn’t sat inside it, it’s great)but I’d like to change the nav colour on mobile only to white so the grey bits of my logo are visible again.
Many thanks
D
Hi,
we bought your theme “newspaper “: out compliments , it’s really well done.
Anyway, we need your assistance in setting banner zones.
Specifically, we have a hard time doing so, for example , that a ADsense leaderboard (728×90) of the desktop version will be adapted for the smartphone version and displayed correctly .
How should we proceed?
Waiting for a reply,
regards
Neikos
Hi,
The top menu is hidden on the mobile menu, but you need to provide a link to your website so we can create a css code for it.
Thanks.
UPDATE:
I figured out the display problem — I think.
The image file name had a spanish character in it “Rodríguez” not sure if you can see it over the “i”.
I removed that and now is displaying on mobile again. Interesting!
But still getting HTTP error when uploading image.
Thanks!
bobby
Hello,
this type of issues usually occur due to plugin conflicts. Please disable all your plugins except visual composer, clear cache and reset cdn files if you use it. Then check your mobile menu again. If you use a child theme, please try to activate the main theme to see if the problem does not come from there.
Let us know.
Thank you!
Hopefully it’s a non issue.
You might do a Google search for the issue, which is usually best thing to do:
e.g.,
https://wordpress.org/support/topic/cloaked-site
============================
Upshot means “in conclusion” … it’s not a theme issue, so something you have added to your site means things YOU have added like a plugin — the theme doesn’t add plugins to your site, you do.
SO you need to debug what you’ve done to the site that caused the issue. If 10,000 people don’t have an issue, and you do — it’s pretty obvious that something you “added” (meaning, install a plugin, add javascript code, etc.) is causing the issue.
The only way to debug is to turn stuff OFF until you figure out what it is; remove stuff you added like custom javascript loading something from elsewhere, etc.
If something is being “cloaked” by a plugin — whatever that actually means — then it might be an issue, might not be. What is the exact meaning of “cloaked” in this context? For example hiding a menu from desktop, and only showing it for mobile users, might technically be “cloaking” or “hidden” until needed.
If something is hidden “behind” something and not see to visitors but is loaded in the browser, that is a problem as that is how malware is hidden, such as an on click event behind a login box, etc.
Best of luck.
Hi, when visiting from mobile, the top bar is hidden.
Is it possible to show it as a second “hamburger” menu?
thanks
cstibi
Hi
The easiest way it’s by using media queries with css like in this example:
@media(max-width: 768px){
.container-for-mobile{
display: none;
}
}
This code will load the same content on mobile as on desktop but will hide the container-for-mobile container on screens with the width bigger than 769px. For more details about media queries usage you can check this link: http://www.w3schools.com/cssref/css3_pr_mediaquery.asp
Thanks!
Hey guys. Will try to explain this as best I can. It might be long, don’t fall asleep 🙂
—
Last week I started having trouble with uploading media such as the featured images –was getting an “Http Error”.
On “larger” images 125k+ was getting “Internal Server Error” (see images included in folder link below)
Tried both WP image upload methods and still had the problem.
I thought it might be a server problem timing out or something. I Called the host company GoDaddy, they found no problem.
I then turned off ALL plugins and the problem still continued.
Then, I uninstalled the NewsMag Theme and put in the generic WP theme and the uploading problem was solved.
Reinstalled NewsMag and it started again.
I managed to get some images to upload but… Oddly… when they do upload, the file name but not the actual thumbnail preview appears in the in the library.
I ran the Regenerate Thumbnail plugin on individual images and that fixed it –I was able to post normally.
With the most recent post though, I can’t get it to appear on mobile (yes more complicated! haha)
I sent three images below for you to see.
One is of the post. You can see the main image of the girl with glasses smiling. When I try to post on Facebook, it’s not reading the featured image.
And in the other screenshot I sent you can see that the featured image is not appearing on in the Block (it does on PC but not on mobile –tried Safari and Chrome and cleared caches on both.
In other words, I’ve tried everything and something is still wrong.
Hope its’ something small I missed and you can help me out! here is the site http://www.everydaydiabetes.com
Love your service and your themes.
If you need a login, tell me where to send that info to you.
THANKS as always guys.
Bobby
https://drive.google.com/folderview?id=0Bw-CqnDB_21gWTFsOUxiY3ZHN1E&usp=sharing
