• Resolved lauratraveler

    (@lauratraveler)


    Since I enabled the ‘similar posts’ carousel’ I get the following error in Google Page Speed for the mobile version of the page:

    The tap target <a id="nextport-blog" href="#" class="next_carousel icon-angle-right"> is close to 1 other tap targets.

    How can I fix this?

    Thanks,
    Laura

Viewing 3 replies - 1 through 3 (of 3 total)
  • Thread Starter lauratraveler

    (@lauratraveler)

    Also, the links in the footer seem to have the same problem.

    Hey,
    “error” is a strong word for this. for me it only shows “Consider Fixing:”

    You basically need to consider this as a computer scanning your links and saying two are close, you can change the css to make the computer happy but that will mean that your very much effecting the look and usability.

    For example add this css for your similar posts carousel:

    @media (max-width: 767px) {
         .blog-carouselcase.fredcarousel {
        padding-left: 40px;
        padding-right: 40px;
    }
    .blog-carouselcase.fredcarousel .next_carousel {
    right:-10px;
    }
    .blog-carouselcase.fredcarousel .prev_carousel {
       left:-10px;
    }
    }

    For the footer you can use this css:

    .footernav ul li a {
        margin: 0 8px 8px 8px;
    }

    Kadence Themes

    Thread Starter lauratraveler

    (@lauratraveler)

    Thanks!

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Size tap targets appropriately’ is closed to new replies.