mobile friendly issue

  • Resolved iftheory

    (@iftheory)


    4 years, 8 months ago

    I checked the google mobile-friendly tool and found out that the recent post slider is not mobile-friendly as it will cause “content wider than screen” and “clickable elements too close together” issue. The theme for this website is highlight. How do I fix this issue?

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

Viewing 9 replies - 1 through 9 (of 9 total)
  • Plugin Author Anoop Ranawat

    (@anoopranawat)

    Hello @iftheory

    Can you please remove our plugin and run this test again?

    Thread Starter iftheory

    (@iftheory)

    yes. Once I remove the shortcode, the website turns into mobile-friendly

    Plugin Author Anoop Ranawat

    (@anoopranawat)

    Hello @iftheory

    Can you please add this custom css under custom css section of your theme so that i can run the test again:

    @media only screen and (max-width: 40.0625em) { 
.wppsac-post-slider.design-1 .slick-prev {
    right: auto !important;
    left: 0 !important;
}
.wppsac-post-slider h2.wppsac-post-title a {
    font-size: 18px;
    line-height: 20px;
}
}
    Thread Starter iftheory

    (@iftheory)

    added the code in. Seems like its still having the same issues.

    Plugin Contributor Ketan Patel

    (@patelketan)

    Hello,

    We check your website, and above CSS solve almost your issue.
    Please refresh(Ctrl+F5) your website and check.
    Please share a screenshot and more information because I am not getting your point.

    Thanks,

    Thread Starter iftheory

    (@iftheory)

    I had refreshed my website. but it still shows the error, “content wider than screen” and “clickable elements too close together” issue when I tried to use the post slider even after filling the additional css with the above code.
    Here’s the image link:

    View post on imgur.com

    Plugin Support Riddhi Shukla

    (@ridhimashukla)

    Hello,

    Thank you for your reply…

    You have changed design style from design-1 to design-3.

    Please add below CSS under custom CSS section of your theme with above shared media query,
    .wppsac-post-slider.design-3 .slick-prev {
    right: auto !important;
    left: 0 !important;
    }

    Plugin Contributor Ketan Patel

    (@patelketan)

    Hello,

    Please see below screenshot this is our demo link:- https://www.awesomescreenshot.com/image/5006234/7d7f33c412ed96062391503076b45c76

    Please check your side because this not our plugin issue.

    Thanks,

    Plugin Contributor Ketan Patel

    (@patelketan)

    Hello,

    Please check and Let me know if you have any issues or queries.

    Thanks,

    • This reply was modified 4 years, 8 months ago by Ketan Patel.
Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘mobile friendly issue’ is closed to new replies.