Support » Plugin: YITH WooCommerce Affiliates » mobile dashboard

  • This plugin should be mobile responsive, ask for a double check again, so that users can open the dashboard on their mobile phone.

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Support Alexis Salazar

    (@asaldel)

    Hello there,

    hope you are doing well 🙂

    Could you send us a screenshot of the problem you are having, please? Also, please, send us the link of the affiliate dashboard page.

    Let us know any news, please.

    Have a nice day!

    Thread Starter darbymajid

    (@darbymajid)

    How to place the Screenshort image here?
    Affiliates dashboard is not responsive on mobile, it corrupts the bottom and top navbar. it is not responsive. if you know the cause please let me know. if your plugin is problematic please fix it.

    Thread Starter darbymajid

    (@darbymajid)

    try you login user affiliates on mobile and open the dashboard, and generate affiliate links, you check and if responsive mobile, that means the problem comes from my theme.

    Plugin Support Iván Sosa

    (@ivansosa)

    Hi there,

    hope you are doing well 🙂

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

    @media screen and (max-width: 768px) {
           table.shop_table{
              border: 1px solid #ccc;
              border-collapse: collapse;
              margin: 0;
              padding: 0;
              width: 100%;
              table-layout: fixed;
           }
           table.shop_table thead {
               display: none;
           }
           table.shop_table tr:nth-of-type(2n) {
               background-color: inherit;
           }
           table.shop_table tr td:first-child {
               background: #f0f0f0;
               font-weight:bold;
               font-size:1.3em;
           }
           table.shop_table tbody td {
               display: block;
               text-align:center;
           }
           tbody td::before {
               content: attr(data-th);
               display: block;
               text-align:center;
           }
    }
    @media only screen
    and (max-width : 768px) {
     .yith-wcaf .dashboard-links{
      font-size: 0.8em;
     }
     .yith-wcaf .dashboard-links li{
      margin-left: -6px;
     }
    }

    Hope it helps you.

    Have a nice day!

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘mobile dashboard’ is closed to new replies.