Mobile Optimisation

Hi, currently on the "timetable" page, the timetable is not showing properly for the mobile.

We want the timetable to show completely when on mobile, can you please provide me with some code to do this?

Thanks

  • Predrag Dubajic
    • Support

    Hi Leo,

    Tables have been causing troubles on mobile devices for a long time now and there are different approaches that you can take here, most popular from what I know being to make the table scrollable.
    On your site you should be able to do it by using this CSS code:

    #post-6436 .wpb_text_column.wpb_content_element > .wpb_wrapper {
        overflow: auto;
    }

    WordPress offers Custom CSS field inside Appearance > Customizer but if your theme disables this and it doesn't have its own CSS field you may wish to use a child theme or a plugin like this one for this additional CSS. That way you're protected when you come to upgrade.

    You can also find some other possible solutions here:
    https://css-tricks.com/accessible-simple-responsive-tables/

    Best regards,
    Predrag

Thank NAME, for their help.

Let NAME know exactly why they deserved these points.

Gift a custom amount of points.