Search Results for 'mobile theme'

Hi

In most cases this issue is due the mobile theme module from Jetpack so make sure you deactivate that module if you’re using it. Also try to disable all the active plugins, leave just Visual Composer, clear all caches then test again.

Thanks!

Hi

Thanks @Chris for your answer!

@gregy1403 the theme uses the same thumb for mobile version as for desktop, but in many cases the surface which must be covered it’s bigger then the thumb size. A possible solution to increase the thumbs quality for mobile would be to make them bigger by increasing theirs sizes. To achieve that you need to edit td_config.php file: http://screencast.com/t/F419owb1LPKD

Thanks!

AMP works with TagDiv themes “right now” — and has passed validation since November during beta.

So, there is no “AMP ready” version of the theme — it’s already AMP-ready. Much like the theme won’t build in its own ecommerce system to replace WooCommerce, etc., it makes no sense to make custom version of theme for AMP, since AMP is designed to load fonts and dependencies off the cloud, and only local content and images from your site. And there is provision for AdSense, and there is provision for CPTs, and there is provision for customizing the template. So, that is available NOW, and no reason to end up with 20 theme updates in the coming year just for AMP, Apple Publisher format, or Facebook Articles — all of this SHOULD be done with actively updated and supported plugins and left agnostic (not part of) the theme.

Many of our sites have been indexed the past month and the only issues are strictly content related, such as bad inline CSS from WordPress like stupidly using the center align tag on a paragraph several places.

I have a thread about this here, which you might find useful. The official AMP plugin is the only way to fly as its theme agnostic, and its being actively developed for WP VIP clients like TIME magazine, etc.

SEE:
https://forum.tagdiv.com/topic/tutorial-getting-started-with-accelerated-mobile-pages-amp/

(( I don’t work here … ))

Hello,

thank you for your reply. We disabled the plugins you mentioned, but the problem persists, you can see it now.
When a new article is published, it is not displayed in homepage.
The following settings are set:

Mobile device support. (External plugin or theme required. See the FAQ for further details.)
Clear all cache files when a post or page is published or updated.
Only refresh current page when comments made.
List the newest cached pages on this page.

Are we missing something?

Thank you

Welll…..

a) if you use the speed booster framework, you would put the code into the Speed Booster plugin settings per the docs for that and the example from Lucien; *and* likely any custom css into your style.css and not in theme panel; and ideally NOT use child theme, to mimize any flash of unstyled text

b) if you’re doing custom hacking of your site, you would put any functions for de/enqueue into the functions.php where all such WordPress “actions” go; then you’d manually put your style.css link in footer. The WordPress codex has good tutorial on how “enqueuing” (adding to queue) works in WP.

c) You would then use the critical CSS generator found in my thread, to put the above the fold CSS “inline” in the header.php file. This loads only the needed CSS for above the fold to load with page — no render blocking of CSS — and then the rest loads with remainder of page. — Trial and error on this stuff.

These efforts are toward solving the pesky lower score on Google PageSpeed Insights for mobile “above the fold render blocking…”

This is a bit “advanced” stuff most folks won’t tackle. But if you’ve got everything ELSE as optimized as possible, this is kind of the LAST thing to do.

And frankly, if you’re using the AMP system for mobile, for a lot of folks, this will be a non issue as Google products will be loading the AMP version vs the responsive mobile version anyway.

So, one could argue if you have a desktop score of 92 or higher, and you’re running “AMP” on your site for posts, you likely don’t need to stress as much as before on the mobile score on Google’s direct testing speed tool. 🙂

( rant over . . . ) 🙂

• This reply was modified 10 years by simchris.

Hi

Try this css in theme panel > custom code > custom css: http://screencast.com/t/dkN1ivSk

@media(max-width: 768px){.td-mobile-nav-wrap{
width: 100%
}
.td-menu-mob-open-menu .td-content-wrap {
left: 100%;
}
}

Thanks!

Just to share some experiences improving site speed for the many who post here to discuss…

What I’ve also done (My site is an independent ‘hyperlocal’ news site – slightly bigger than hyperlocal really) which I think is good practice given FB Instant Articles and AMP (Already on Apple News for almost a year now) is almost ‘forget the desktop’ exists.

Due to 75%+ mobile visitors it seems good practice (if a ‘live’ news site with say 100+ articles per week) to get the site as fast and safe as possible – this may help others

– I’ve removed all home page blocks except ‘ticker’ – a lightweight grid with no slider- and a sidebar
– Removed all plugins or deactivated ones no required all the time
– Implemented Chris S .htaccess and functions.php tips exactly as described – inc image resizing
– Paid Cloudflare with page rules to remove wp-admin etc- following TagDiv recommendation settings except RocketLoader ON – Mirage in ON
– Removed my subscriber pop-up and won’t use one – promote subscriptions via another route – FB ads – Twitter ads perhaps
– Removed SumoMe and anything that fetches CSS externally
– I do run UberMenu on main site and ShiftNav on mobile (for a better user experience) – But run NO mega menu or dropdowns
– Currently RocketLoader (Cloudflare) runs and doesn’t break anything
– Only added Google Analytics via YoastSEO not on Theme Panel box – it’s there and working
– ADDED a user text box to point people to how to navigate the site – believe it or not saying ‘Press load more or click coloured category labels or main menu’ actually gets visitors to do that!

Results –

Before – GTMetrix – PageSpeed B YSlow C Page size (Homepage) 3.2MB Requests – 187 – Load time – about 7-10 secs
Pingdom 5-7 seconds

After – Page Speed A (96%) YSlow B (82%) Page size (Homepage) 1.2MB Requests 96 – Load time – 2 secs
Pingdom 700ms-1.3 secs

The theme still looks great on desktop but it’s not worth getting caught up in the aesthetics if the visitors aren’t looking at the pretty views – it looks brilliant on mobile and that’s what matters.

westbridgfordwire.com

Hi

That was the original implementation for mobile menu, whenever the user click on menu icon the page scroll up to top. We will change this in next theme update but at the moment I can’t provide a solution as this task require many changes in theme’s js.

We always answer at all messages from the oldest to newest. On our email address we have only this message from your mail address: http://screencast.com/t/VxiQlew5YXk – http://screencast.com/t/fwwSaaxuiup Please make sure that the message was successfully sent, also try to send the message again and we will get back to you in shortest time.

Thanks!

Sorry missed message – yes the responsive code is all I used – otherwise on mobiles it looks wrong – try the responsive code and don’t forget to save settings in theme panel

It looks ok on mobile – if you look in Theme Panel it tells you the sizes of thumbnails used for each Block – make sure the one for the block you’re using is ‘switched on’

Upload the correct size images (or larger than the size you need) and run Force Regenerate Thumbnails’ plugin (recommended by TagDiv) you can run it just for the image(s) you need from Media Library – all for all images

Smaller images than the recommended sizes in Theme Panel can’t be made larger by Force Regenerate plugin

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!