Search Results for 'mobile'

Hi Andrei,

Thanks for the above.
I am struggling to change the look of one more module.

I would like Block 11 to look like Block 3 on Mobile ONLY.

I know how to use display: none for the excerpt, but how can I change the thumbnail dimension of the block so it replicates the full width size?

Thank you!

Hi

This css is not responsive because apply the same style an all devices. I mentioned in my above reply the you can use media queries to add responsiveness for a specific element. In your case the could could be like this:

@media (max-width: 768px){
.col_large_gal {
/* style for mobile goes here */
}
}

For more details about media queries usage check this link: http://www.w3schools.com/cssref/css3_pr_mediaquery.asp

Thanks!

Hi,

I’ve tried clearing the mobile device cache and am still having the same issue. I’ve also tried it from an IPhone6 and the same thing is happening. I’ve also tried from Google Chrome on the Android phone and the problem persists.

Mike

So yoast has a good writeup on getting your site up to par with AMP
https://yoast.com/wordpress-amp-part-ii/
https://yoast.com/setting-up-wordpress-for-amp-accelerated-mobile-pages/

Basically summarized here to get AMP working: http://screencast.com/t/eIGyCleh

Re: fb instant articles, once they are available to everyone, fb will have an official plugin it sounds like
http://media.fb.com/2016/03/07/instant-articles-wordpress-plugin/

Tagdiv, are you guys planning to take any steps to incorporate into the newspaper core (either AMP or instant articles) or for the time being do we take Chris S’s suggestion of keeping it silo’ed with plugins?

Don’t suppose you’d be willing to switch on the amp plugin, and try the hook in functions to see if it does add it to /amp/ template via the hook provided? And see if it increments.

I’m on the front lines with this, but you’re going to get snowball of queries about this since Google will start pushing ALL its mobile traffic on compatible devices to the AMP version, and so the “counter” will not increment normally with TD themes, and some will think their audience dropped (although one can tell from the transients going way up that AMP versions being served).

I’m basically looking for working code — perhaps you’d consider adding an “tagdiv amp glue” plugin which adds the code into just the amp version via the provided amp header hook — this doesn’t need ajax since amp doesn’t use javascript.

You’re going to get a ton of queries for this — since amp is intended for news sites primarily, as are the themes — and to put it bluntly — this will actually be a superior selling point on ThemeForest to have “AMP counter support” — since almost nobody has noticed yet that their counters aren’t incrementing, but they soon will and freak out (I kind of did this the other day on the CaliforniaNewswire site when I said “hey, how come the audience dropped 70% for some of the articles …” then noticed the 9,000+ transients from the amp pages when using wp-optimize, and wen’t “oh … duh….” yeah “amp views not counted by the counter” —

Upshot – the amp view is being served as much as the mobile responsive views in the googleverse now on some of my sites, counter not incrementing. Of course, I use server side reporting (eg ‘webalizer’ etc) to know “actual” site audience views — but now the counter on all stories waaaaaaaaay down.

So – expect a bunch of newbie complaints about audience drop off once they enable AMP …. not understanding what is actually going on there.

If you can wrangle some working code on your side, for me to test – you’ll save yourself a billion support tickets for both themes as this continues to roll out !

Hi

The theme does not have an option to make the menu always sticky only for mobile devices. You can use this option from theme panel > header > main menu: http://screencast.com/t/KJ1Yf3P3 but it will make the menu always sticky on all devices.

Thanks!

Hi

I’ve checked your site and the margin above the header don’t appear on my site now: http://screencast.com/t/uTOwOIvDjm If you still have this issue try to clear mobile device cache memory and test again.

Thanks!

Oh, you didn’t understand my problem!

My problem is about “pinch in” in all mobile pages. But with the HTML code of my last reply, I solved the problem! Do you think the code is okay?

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />

• This reply was modified 10 years by FrancescoITB.
• This reply was modified 10 years by FrancescoITB.

Hi

You can try this css in theme panel > custom code > custom css to achieve a similar layout: http://screencast.com/t/F9EgCwlA2

@media(max-width: 768px){
.td_block_11 .td-module-thumb .entry-thumb {
width: 100px;
float: right;
margin-left: 20px;
}
}

If you want a different implementation you will need some cutomizations in theme’s files as the css code can’t reproduce 100% the layout of block 8 on mobile.

Thanks!

Hi Bogdan,

Thanks for your reply.

The issue is with mobile menu layout only. Screenshot below:-

https://drive.google.com/folderview?id=0B4N3KYPJGheCVUZkZHh1NVVvbVk

Please look into it

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!

Hello Bogdan,

Thanks for your revert !

Can you just tell me the files in which I have to make the changes. I am ok hardcoding the codes. I am using Google DFP to get my codes placed. I was searching across the forum and found this link :

https://forum.tagdiv.com/topic/several-config-questions/

The person here also wanted a similar kind of a functionality. I want the Ad to come from the top of the site. In his site it is coming below the menu. As mentioned in this link I tried placing the codes in header.php but it din’t worked. Please let me know how can this be achieved.

Also in the advanced CSS section there is just the Desktop, Tablet, and Mobile devices option. Suppose if I want to restrict my ads to display only on devices having width more than 1024px then how can that be achieved.

Obviously trying to make it so we end up with

amp views = 50
desktop / mobile responsive views = 150

(*)eyeball = 200

using same count function without javascript so we don’t end up with 2 diff data fields, but ONE counter being called depending on the CSS template loaded (normal or amp).