• Hey,

    The wishlist table is not phone responsive. The customer can’t see “Stock status” column and the “Remove/Select options” button column.

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

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

    (@yithemes)

    Hello there,

    hope you are doing well ??

    Please, add the following CSS rules in Appearance -> Customize -> Additional CSS:

    #yith-wcwl-form .wishlist_table thead {
        border: none;
        clip: rect(0 0 0 0);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px;
      }
      #yith-wcwl-form .wishlist_table tr {
        border-bottom: 3px solid #ddd;
        display: block;
      }
      
      #yith-wcwl-form .wishlist_table td {
        border-bottom: 1px solid #ddd;
        display: block;
        text-align: right;
      }
      
      #yith-wcwl-form .wishlist_table td::before {
        content: attr(data-label);
        float: left;
      }

    Let us know.

    Have a great day!

    Thread Starter pooja2608

    (@pooja2608)

    Hello,

    The new layout isn’t looking good. I want it to be responsive in a previous manner only.

    Check the previous layout on the phone and computer.

    Just provide me with the code which can add the last 2 columns in the existing table on the phone.

    Plugin Author YITHEMES

    (@yithemes)

    Hello there,

    hope you are doing well! ??

    We have been checking the CSS applied on the page and your theme seems to be adding a CSS rule that disables the last two columns of the wishlist table.

    As you can see here, if you disable that rule, you can see the last two columns are shown correctly.

    We kindly suggest you contact with theme developers and check if they can fix this issue.

    Let us know.

    Have a great day!

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Table is not responsive’ is closed to new replies.