Website table mobile compatibility

  • dylyeoh

    (@dylyeoh)


    6 years, 1 month ago

    Dear Support,

    There is a table at the bottom of my website that is not mobile device compatible. Can you please kindly advice on what settings should I use so that when my website is being accessed from a mobile device, the user just need to slide left and right to view the table. I have attached some pictures for your reference. Please kindly advice. Thank you!

    http://prnt.sc/s86spv
    http://prnt.sc/s86sx3

    Regards,
    Daryl

    • This topic was modified 6 years, 1 month ago by Jan Dembowski. Reason: Moved to Fixing WordPress, this is not an Everything else WordPress topic

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Moderator bcworkz

    (@bcworkz)

    6 years, 1 month ago

    Expecting mobile users to scroll left or right is considered to be a usability issue by itself. Instead of having right and left cells on mobile and requiring side scrolling, the cells should stack vertically on small screens so side scrolling is avoided. This can be accomplished with CSS media queries combined with floating elements, flex-box, or grid layout schemes.

    Thread Starter dylyeoh

    (@dylyeoh)

    6 years, 1 month ago

    Dear Support,

    Thank you for your reply. It is just a very simple table. I have another identical website which has the same table and it works fine. I am using Oxygen editor. The user just need to scroll left and right to see the full content of that table. I believe it must be some settings that I accidentally changed wrongly. Probably I will attach the link as well as a screenshot of the website for your reference. Thank you for helping!

    https://whistler-grand.sg/

    https://prnt.sc/s8taww
    https://prnt.sc/s8tb71

    Regards.

    Moderator bcworkz

    (@bcworkz)

    6 years, 1 month ago

    If you remove the width and flexbox rules from table containers it’ll allow mobile users to side scroll to see content. By having content exceed the device viewport width, you’ll find that it could cause a mobile usability error in Google Search Console. This can cause your site to not be ranked more highly in mobile search results.

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Website table mobile compatibility’ is closed to new replies.