UPDATED: I did a test with your code and it did worked very well.

Thank very much.

Hi Andrei,

Thank for the reply.

Yes, I want to display content for mobile and tablet only, however, a bit more complex, I will try to be more details:

( In my test: Tablet Landscape treated as Desktop, Tablet Portrait treated as Mobile, so I don’t care about Tablet Landscape )

Data structure:

Desktop: contents A
Mobile: contents B
Tablet ( Portrait only ): contents B

So I want Mobile and Tablet Portrait show the same contents but If I use only td-visible-phone, users on Tablet won’t see it, so I have to use both td-visible-phone and td-visible-tablet-portrait every time, the code is too long and not good for optimization.

Your code above seem to work, will it work for my case ( and could you explain more in css and html? ) ?

Thanks

Thank Chris,

I’m new here and should have look at the sticky post. Your guide is really a big help for me, I did try most of the tips and the site is a lot faster now.

Also, I dig in a lots in the “render blocking css” issues, tag div speed booster seem not to work for me, I tried to move with many ‘id’ but it didn’t work, but I found another way to use W3 Total Cache to combine the css file together and move it to the footer by this code:

<!– W3TC-include-css –> ( put it before wp_footer(); )

But still, there is fonts.googleapis.com/css ( there is around 3,4 files for the font Open + Sans and Roboto + Condensed ) which I can’t move using this method.

If by any chance, could you have a look and provide better method of removing those css file to footer?

Ken