How to change font size in tablepress only for mobile view?

  • Resolved Muhammad shafiq

    (@muhammadshafiq)


    4 years, 6 months ago

    Hello There! I am using table press and i just love it. I am using the following CSS code to change the font size but the problem is that when I change the font size then the changes take place both for desktop and mobile view. I want to keep different sizes from desktop and mobile views.

    Is this possible?

    Here is the code I am currently using.

    .tablepress tbody td {
    font-family: Tahoma;
    font-size: 12px;

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Author TobiasBg

    (@tobiasbg)

    Hi,

    thanks for your post, and sorry for the trouble.

    This is possible by putting this into CSS3 Media Query:

    @media screen and (max-width:768px) {
  .tablepress tbody td {
    font-family: Tahoma;
    font-size: 12px;
  }
}

    That 768px defines the maximum screen width for which this CSS code shall apply.

    Regards,
    Tobias

    Thread Starter Muhammad shafiq

    (@muhammadshafiq)

    @tobiasbg Thank You, Man. It’s working

    Thread Starter Muhammad shafiq

    (@muhammadshafiq)

    @tobiasbg There is another issue. I have enabled the table search bar and visitor navigation but it does not appear on the table.

    Reply Edited:

    I fixed it my cache plugin was making an issue.

    Plugin Author TobiasBg

    (@tobiasbg)

    Hi,

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

    Best wishes,
    Tobias

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘How to change font size in tablepress only for mobile view?’ is closed to new replies.