Fatih Tercan
asked 9 years ago

Hi Dominic. We have a little problem with "previous articles". I tried to explain under below.

web site: http://windowsphoneturkiye.info

1 Answers
answered 9 years ago

I have checked your site on our Pc and see that it work fine.
See the screenshot: http://prntscr.com/8j40y0
If you want to make the navigation on the mobile as your image mentioned in here, you can do as the following:
Add the following code to the Custom CSS:

@media (max-width: 767px){
.nav-previous {
    float: left;
    width: 50%;
.nav-next {
    float: left;
    width: 50%;
    text-align: right;

.post-navigation .nav-links .nav-next {
    margin-top: 0;
.post-navigation .nav-links .nav-next::before, .post-navigation .nav-links .nav-previous::before {
    content: none;
.post-navigation .nav-links .nav-next a, .post-navigation .nav-links .nav-previous a  {
    background-color: #000;
    padding: 6px 11px;
    color: #fff;
    font-size: 20px;

Finally, open the single.php file. Find the line 35:
Replace the following code:
<?php the_post_navigation(); ?>

With new code:

<nav class="navigation post-navigation">
    <div class="nav-links visible-xs">
    <div class="nav-previous">
       <?php previous_post('%', '« Previous', 'no'); ?>

        <div class="nav-next">
           <?php next_post('%', 'Next »', 'no'); ?>
<div class="hidden-xs">
    <?php the_post_navigation(); ?>

Hope this helps !

Powered by DW Question & Answer Pro