Is there a "custom code" for something like "td-visible-not-desktop" ?

Hello,

Do you have something like this in the css and html?

“td-visible-not-desktop”

The reasons: I am using too much of td-visible-desktop, td-visible-phone, and td-visible-tablet-portrait. I want to show phone and tablet portrait the same contents and it is too much work of adding custom html, and it is not good for duplicated those content too.

Any help would be much appreciated.

Thank,
Ken

HI

Not sure what you mean, but if you want to display some content only for mobile and tablets, you can use media queries like here: http://screencast.com/t/RS1cykl3QU

@media (min-width: 1021px) {
.td_block_1 {
display: none;
}
}

If this is not what you mean please provide more details, also a some images will help a lot.

Thanks!

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

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

Thank very much.