How to style the page navigation

Thanks Syed - really appreciate you sharing your code!

Dear David,

Can you please help me with the making it look good on mobile devices as the text is the title bleeds out when on mobile. I tried @media query but had no luck. The navigation (Next/Prev) looks great on desktop and Tablet, however, not on mobile.

Page link.

I am looking forward to hearing from you soon.

Best Regards,
Syed H | My Blog

Would something like this work?:

@media (max-width: 768px) {
    .post-navigation a {
        height: auto;
    }
}

Let me know :)

Dear Tom,

Thank you for the helpful code. It worked very well. I just extended it as follows to suit the smaller screens:

@media (max-width: 768px) {
    .post-navigation a {
        height: auto;
			font-size: 16px;
    padding: 5px;
    }
}

Glad I could help :)