How to show a certain field just on mobile?

How to show a certain field ONLY on mobile?

I am aware about mobile class so I created:

.mobile .android_class {
  font-family: "Example5";
}

and:

<div class="android_class">{{Image}}</div>

But it doesn’t work for fields : {{Image}}.
Even though styles like color are working, but in case of fields they are ALWAYS shown even on desktop

Does the following work?

.mobile {
 display: none;
}
1 Like

Maybe try adding this code to the Styling section:

.win .android_class, .mac .android_class, .linux:not(.android) .android_class  { display: none; }

See also: Anki Manual - Platform-Specific CSS

3 Likes

Thank you!

1 Like

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.