• Resolved elaaf

    (@elaaf)


    Good afternoon,

    I have installed YITH Affiliates without any HTML/CSS additional customization, but when accessing the site through my mobile as per the attached link, the pages are not displayed correctly.

    Please advise on the best way to fix the issue.

    Regards,

    Aziz

    • This topic was modified 2 years, 7 months ago by elaaf.

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

Viewing 4 replies - 1 through 4 (of 4 total)
  • Hello Aziz,
    we hope you’re doing well!

    Try adding the following CSS in Appearance > Customize > Additional CSS:

    @media (max-width: 991px){
    .woocommerce-account .yith-wcaf-dashboard .yith-wcaf-dashboard-navigation {
        display: block;
    }

    Anyway, I just have registered as an affiliate on your site and I’m waiting for your approval.

    Let us know any news.

    Best regards.

    Thread Starter elaaf

    (@elaaf)

    Hi Juan,

    Thank you for responding. I have activated your affiliate account on the website.

    I have also updated the CSS in the customizer but nothing has changed. Please find the full CSS snippet for your review:

    html {
      direction: ltr !important;
    }
    
    @media (max-width: 991px) {
      .woocommerce-account .yith-wcaf-dashboard .yith-wcaf-dashboard-navigation {
        display: block;
      }
    }
    

    Regards,

    Aziz

    Hello Aziz,

    I logged into your site as an affiliate, and I can correctly see the affiliate dashboard from the mobile view.

    Could you tell us what you see wrong?

    Let us know any news.

    Best regards.

    Thread Starter elaaf

    (@elaaf)

    Hi ..

    I am sorry, I should have updated you. The issue was resoled after adding the following CSS.

    html {
    direction: ltr !important;
    } @media (max-width: 991px) {
    .woocommerce-account .yith-wcaf-dashboard .yith-wcaf-dashboard-navigation {
    display: block;
    }
    }
    @media(max-width: 480px){
    .yith-wcaf-registration-form .login-form, .yith-wcaf-registration-form .register-form {
    padding: 20px !important;
    }
    .register-form input[type=text], .register-form input[type=email] {
    padding: 10px;
    }
    .yith-wcaf-dashboard-generate-link a.copy-trigger {
    position: relative !important;
    margin-top: 20px;
    margin-left: 16px !important;
    display: block !important;
    }
    .yith-wcaf-dashboard-generate-link input.copy-target {
    padding-right: 0px !important;
    word-break: break-all;
    width: 100%;
    } }

    Thank you so much.

    Regards,

    Aziz
Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘Page formatting on mobile’ is closed to new replies.