Support » Plugin: WP-PageNavi » Can you make this plugin responsive?

  • Resolved omega8719

    (@omega8719)


    We must admit nowadays a lot of people browse through smartphone with less width. I like traditional pagination << 1 2 3 ….10 >> Usually I set it showing 5 pages. It looks good on desktop but broken on mobile. It always went over the border.

    Then I change to drop down menu. But I dislike it. No styling make this drop down menu hard to notice. Really it looks small and just gray button. I’m not confident tampering with css or php lines just to custom it.

Viewing 1 replies (of 1 total)
  • Perhaps give the ‘tampering with CSS’ a try? Really, it seems a lot more difficult than it is.

    Search the internet for how to make a child theme and what media queries are, then read this page: http://bluecapra.com/responsive-design-wp-pagenavi/

    I’m using just this short CSS code to make WP-PageNavi responsive:

    @media screen and (max-width: 600px) {
    a.page.smaller, a.page.larger, span.extend {
    	display: none;
    }
    } 

    That’s all you need 🙂
    Good luck!

Viewing 1 replies (of 1 total)
  • You must be logged in to reply to this topic.