• Resolved patrick2997

    (@patrick2997)


    How can I remove the horizontal scroll that appears at a lower screen size? I tried giving custom width to each of the column but it doesn’t work.

    For example: If you check the “price” column in the above link, you will find that it has a width:52px !important given to it. But it doesn’t do any effect. It has a width of 116px.

    Is there another simple way to just disable the horizontal scrolling? If not, why can’t I set specific width to each of the columns?

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

Viewing 1 replies (of 1 total)
  • Plugin Contributor Md. Ibrahim Khalil

    (@mdibrahimk48)

    The horizontal scroll depends on your table width, like the number of columns, title width, and content. Here are some tips:

    1. Shorten title names to decrease width (See Screenshot).
    2. Use custom CSS to reduce column width, e.g., for product title (See Screenshot).
    3. If your site’s container is 100% width, it’ll fit on your devices (See Screenshot).
    4. Use this CSS code to set the width of the product column:

    th.wpt_product_title,td.wpt_product_title {
    max-width: 200px;
    }

    body.wpt_table_body .wpt-wrap table tbody tr.wpt_row>td a.wpt_product_title_in_td {
    min-width: auto;
    }

Viewing 1 replies (of 1 total)
  • The topic ‘Remove horizontal scroll’ is closed to new replies.