Add this PHP Snippet:
add_filter( 'generate_post_navigation_args', function( $args ) {
$args['next_format'] = '<div class="nav-next"><span class="post-nav-label">Next article</span><span class="next" title="' . esc_attr__( 'Next', 'generatepress' ) . '">%link</span></div>';
$args['previous_format'] = '<div class="nav-previous"><span class="post-nav-label">Previous article</span><span class="prev" title="' . esc_attr__( 'Previous', 'generatepress' ) . '">%link</span></div>';
return $args;
} );
And then this CSS:
#nav-below {
display: flex;
justify-content: space-between;
}
#nav-below div {
flex: 1 0 50%;
position: relative;
margin-top: 1em;
margin-bottom: 1em;
}
#nav-below div a:before {
content: '';
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
#nav-below div span {
display: block;
}
.post-nav-label {
font-size: 14px;
opacity: 0.5;
margin-bottom: 0.5em;
}
.nav-next {
text-align: right;
}
@media (max-width: 768px) {
#nav-below {
flex-direction: column;
}
#nav-below div {
flex: 1 0 100%;
}
.nav-next {
text-align: left;
}
}