[Support request] Prev/Next Post Navigation Not Showing On Single Post Pages

[Michelle]

I have “Post Navigation” Checked in Customizing>Layout>Blog>Single and I added different CSS codes from this forum but the Previous/Next Post Navigation still does not show on my Single Post Pages. Perhaps the author box styling I have is competing with it?

An example page: https://www.reachingmyworld.com/narrow-up-a-child/

I used your Inline Post Navigation Code:

.post-navigation {
display: flex;
}

.post-navigation .nav-next {
width: 50%;
text-align: right;
}

.post-navigation .nav-previous {
width: 50%;
}

.post-navigation .nav-next .next:before {
display: none;
}

.post-navigation .nav-next .next:after {
font-family: GeneratePress;
text-decoration: inherit;
position: relative;
margin-left: .6em;
width: 13px;
text-align: center;
display: inline-block;
content: “\f105”;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
font-style: normal;
font-variant: normal;
text-rendering: auto;
line-height: 1;
speak: none;
}

[David]

Hi there,

you have this CSS which is removing the post footer meta which includes the Post Navigation:

/*Remove File Icon and Category from the bottom of posts on the Journal Blog page*/
article.post footer.entry-meta {
    display: none;
}

Remove that CSS and the Nav will be displayed.

[Michelle]

I do want the navigation, but I don’t want the file icon or category. Deleting the code did give me the navigation, but added the file icon and category back.

Is there a way to add the name of the post, along with “Previous” and “Next”?

< Previous: Frozen Next: Narrow Up A Child >

I also notice a square after the next navigation post title. You can see it here:
https://www.reachingmyworld.com/frozen/

My login info is in the private information

[Leo]

but I don’t want the file icon or category

Try this CSS to remove the category icon:

span.cat-links .gp-icon.icon-categories {
    display: none;
}

Is there a way to add the name of the post, along with “Previous” and “Next”?

< Previous: Frozen Next: Narrow Up A Child >

I also notice a square after the next navigation post title.

Please open a new topic for the new question.

Thanks!

[Michelle]

Thanks. The code removed the file icon but not the category.

Can you help me remove the category?

[Leo]

If you simply want to remove the icon and category then can you remove the CSS and use the customizer option here:
https://docs.generatepress.com/article/blog-content-layout/#archives
https://docs.generatepress.com/article/blog-content-layout/#single

[Michelle]

I disabled the show categories, and it removed the category from my meta on category, single post, and archive pages so I enabled show categories again.

I want categories to show in the meta, but not in the post navigation at the bottom.

[Leo]

Add this snippet:

add_filter( 'generate_footer_entry_meta_items', function() {
    return array(
        'post-navigation',
    );
} );

Below this snippet you’ve already added:

add_filter( 'generate_header_entry_meta_items', function() {
    return array(
        'author',
        'date',
        'categories',
    );
} );

[Author]

Posts