Link table doesn’t adapt to mobile screen

  • Resolved jchris

    (@jchris)


    2 years, 12 months ago

    Thank you for an excellent plugin.

    I am finally adapting our site to mobile and have encountered a problem I can’t solve.

    The div and class “linktable” holds a table with two rows where clickable categories are shown. The width is set by the plugin to 100%. On mobile the table expands beyond screen widht so a side scroll is necessary. The link table adapts nicely.

    I have not found a way for the link table to “wrap” or i any other way adapt to small screens. Is it possible?

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

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author Yannick Lefebvre

    (@jackdewey)

    2 years, 10 months ago

    Hi there,

    Sorry for the late response. My life got very busy over the past couple of months.

    My first question to you would be if you tried to display the list of categories in a different format. The default is to display as a table, but there are many other display modes. For example, selecting unordered list will definitely give you something that is more mobile friendly.

    If you like it to be displayed as a table but want to reformat it, you can always add some CSS rules in your site stylesheet to change it from being 100% width.

    Something like this should do the trick:

    .linktable table {
    width: 50% !important;
}

    Let me know if this helps.

    Thread Starter jchris

    (@jchris)

    2 years, 10 months ago

    You were right, I had not tested to display the listing in a list format, only as a table. Problem solved.

    Thank you very much!

    Plugin Author Yannick Lefebvre

    (@jackdewey)

    2 years, 10 months ago

    Glad to hear it. Thanks for the quick response.

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

The topic ‘Link table doesn’t adapt to mobile screen’ is closed to new replies.