class name for Next & Previous article links

  • I’m trying to fix some Google Search console errors dealing with mobile usability. I believe the issue is with the link after posts that say Next Article” and “Previous Article”. I think the error “Clickable elements too close together” involve those nav links. I was able to increase the size of NEXT & PREVIOUS but I can’t increase the size of the article name that is the actual Next or Previous article. And both the article name and the words Next and Previous seem to be one link. Hovering over the article name changes the link color ut that does not happen to the words next or previous.

    How come the Next or Previous text links do not change? And how do I increase the size of the Article name link?

    Or at the very least, how do I remove that navigation from the bottom of every post?

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

Viewing 2 replies - 1 through 2 (of 2 total)

  • Hello @kernix,

    You can disable the Next/Prev links via Appearance > Customize > Blog > Single Post by clicking the eye icon (blue items active, grey items disabled).

    The other solution would be to increase the margin for the related posts title on mobile devices:

    @media only screen and (max-width: 460px) {
.single nav.post-navigation .nav-links .post-title {
    font-size: 16px;
    margin: 20px 0 0;
}
}

    You can leave out the font size if you don’t want to change it. Default margin is 5px so I’ve already applied changes for you, but you can adjust per need, including the max-width for the mobile query.

    Hope this helps. Best of luck with your website

    Thread Starter Jim

    (@kernix)

    That looks good – thanks!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘class name for Next & Previous article links’ is closed to new replies.