Why are pagination links not displaying on my site?

Question

I was trying to fix the width of the images however, unexpectedly, the navigation pager below disappeared.(pages 1,2,3). I am new to CSS and have no idea what happened. I don't now how to fix this, the navigation codes are still present however I guess it cannot find any space to show up. Can you help?

Code: https://gist.github.com/anonymous/3704b07a027426208738 Website: https://www.alphabitrage.com

Answer 1

I went through your code until I counted about 50 coding errors.

So I ran the source code (from the GitHub link you provided) through the W3C Markup Validation Service , which found 565 coding errors.

This alone suggests multiple problems with your web page and potential difficulties ahead in terms of maintenance and troubleshooting.

However, I understand you're working with a template so recommending that you re-structure your code to be valid and semantically correct (which I would normally do) may not be feasible in this case.

Also, you mention in your comments that the code was working well until you made some adjustments to the widths of images. So I put the errors aside and continued searching for a possible problem.

Providing a link to another website with a working template was a good idea on your part. I was able to compare your code with the code from the other site.

I discovered that your code was missing the divs that render the HTML for the pagination links.

In particular:

<div class="blog-pager" id="blog-pager"></div>

... is completely missing from your code.

Your Site

Other Site

Once you restore that code block your pager should re-appear.