Hide text mobile view

  • Resolved danniee

    (@danniee)


    6 years, 8 months ago

    Hi,

    I’m sitll trying to learn how to hide elements in mobile view, and from my understanding it shouldn’t be very hard but I can’t get it to work in tablepress for some reason. Tried several things like this:

    In Plugin Options CSS field I put this:

    @media screen and (max-width: 768px) {

    .mobile-only {
    display: none !important;
    }
    }

    In the table html I put this:

    <div class=”mobile-only”> text </div>

    …yet nothing happens. Text appears in both mobile and desktop view.

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author Tobias B?thge

    (@tobiasbg)

    Hi,

    thanks for your post, and sorry for the trouble.

    This text should actually be hidden on small screens (smaller 768px). You might therehave have to play with this value or actually use min-width to hide it on large screens.

    Regards,
    Tobias

    Thread Starter danniee

    (@danniee)

    Hi Tobias, sorry to bother you with this. I think I solved it. Thank you ??

    Plugin Author Tobias B?thge

    (@tobiasbg)

    Hi,

    no problem, you are very welcome! ?? Good to hear that this helped!

    Best wishes,
    Tobias

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Hide text mobile view’ is closed to new replies.