Search Results for 'mobile'

Hello Catalin,

Here is the url … http://666travel.com/cheap-round-trip-flights-from-atlanta-usa-to-los-angeles-usa-non-stop/

I am having the same problem for the desktop and mobile version.

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 … ))

Then used this in the custom css to add the sub nav menu items to show only on the mobile menu but the sub nav menu to be hidden on mobile.

@media screen and (max-width: 767px) {
.nav_sub {
display:none !important;
}
}

@media screen and (min-width: 768px) {
.menu-item-104301 {
display: none;
}
}

@media screen and (min-width: 768px) {
.menu-item-104302 {
display: none;
}
}

@media screen and (min-width: 768px) {
.menu-item-104303 {
display: none;
}
}

@media screen and (min-width: 768px) {
.menu-item-104304 {
display: none;
}
}

@media screen and (min-width: 768px) {
.menu-item-104305 {
display: none;
}
}

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

Hi @orlando

First of all check in System Status if Speed Booster plugin is active: http://screencast.com/t/6lILerCjFuAr You can read more about how plugin works in this topic: https://forum.tagdiv.com/topic/mobile-view-problem-3/
Also not that google it’s more restrictive when it comes about page-speed on mobile devices. For example if on desktop you have 90/100 page-speed, on mobile the number will be smaller. This can be checked on our demo. If you look on desktop page-speed you’ll see that there is no render-blocking resource: http://screencast.com/t/pNE7wUbobndD but for the same demo on mobile devices google find a few resources which slow down the page load: http://screencast.com/t/GpmmJ1LHZVPt
To have the same page-sped on mobile as on desktop are required additional customizations and lots of tests. You can follow google’s indications to improve you mobile page-speed but keep in mint that this is a complex task which require some coding skills.
We can’t offer speed customization services at the moment so if you still need guidance on this or you’re not aware of the steps you need to take in this regard please consider hiring a developer or a freelancer to do this for you.

Thanks for your understanding and for your message.

what is the most beautiful newspaper wordpress site for mobile interface, as i want to get inspired by its ideas, as most of my 100k monthly viewer is surfing via mobile gadget.

thanks

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 Andrei L.,

I tried your change, but it does not work well.

But you can not optimize your website in mobile version, at least 85/90% according to Google Page Speed.

As mobile today is the 60/70% of website traffic.

I await your news about

Site: casasdeapuestasweb.com

In the background desktop version click advertising it works correctly.

Mobile version also works well (the fund is not shown). The problem is that when you click somewhere browsing mobile version seems as if the mobile screen out an entire link (although go to the site you have clicked). It is as if, although the fund is not displayed in mobile version, it was carrying in some layer.

What I want is configured to load the background even mobile and tablet version.

Greetings.

Hi

Replace all css with this one, now the border should be displayed fine:

@media(max-width: 768px){
.td-menu-mob-open-menu .td-mobile-nav-wrap{
width: 100%
}
.td-menu-mob-open-menu .td-content-wrap {
left: 100%;
}
.td-header-style-9 {
border-bottom: 3px solid #D60D0D;}
}
}

Thanks!

Thank you for your response.

But if I add a border-bottom for the header
.td-header-style-9 {
border-bottom: 3px solid #D60D0D;}
On the mobile site, this border will lose about 20% width from the leftside (it only appear 80% width from the right side). The desktop version still appears 100% width.

Do you have any other solution?

• This reply was modified 10 years by trigrafik.

Hello,

I have the same problem. I configured a background image click advertising. All right desktop version mobile version but although the image is not displayed background image the system loads and when browsing with mobile and you click somewhere on the web makes a strange as if the entire screen clickable out.

How you could fix that image directly carge not mobile?

Greetings.

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!