Duplicating pagination on second page

I found this article and got it to work

    <div class="posts">
    <?php
    $paged = ( get_query_var( 'paged' ) ) ? get_query_var( 'paged' ) : 1;
    $the_query = new WP_Query( 'cat=16&paged=' . $paged );
    ?>
    <?php if ( $the_query->have_posts() ) : ?>
    <?php
    while ( $the_query->have_posts() ) : $the_query->the_post();
    ?>
    <?php get_template_part( 'partials/loop', 'archive' ); ?>
    <?php endwhile; ?>
    </div><!-- /posts -->
    </div><!-- /row -->
</div>
<!-- /large-10 -->
<div class="large-2 show-for-large-up columns"></div>
<div class="large-10 medium-12 small-12 columns">
    <?php
    next_posts_link( 'Older Entries', $the_query->max_num_pages );
    previous_posts_link( 'Newer Entries' );
    ?>
    </div><!-- /10 columns -->
    <?php
    wp_reset_postdata();
    ?>
    <?php else:  ?>
    <p><?php _e( 'Sorry, no posts matched your criteria.' ); ?></p>
    <?php endif; ?>
    <!-- /row -->
</section>
<!-- end Posts Section -->

the above works but if I out in a link to page navi plugin like:

<?php wp_pagenavi(); ?>

then I get nothing same if I put in a link to the previous page navigation code?

    <?php if (function_exists('joints_page_navi')) { ?>
<?php joints_page_navi(); ?>
<?php } else { ?>
<nav class="wp-prev-next">
    <ul class="clearfix">
        <li class="prev-link"><?php next_posts_link(__('&laquo; Older Entries', "jointstheme")) ?></li>
        <li class="next-link"><?php previous_posts_link(__('Newer Entries &raquo;', "jointstheme")) ?></li>
    </ul>
</nav>
<?php } ?>