Support » Plugin: WP-PageNavi » Issues with mobile design

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author Lester Chan


    I don’t think this is a bug, more like a css glitch which happens to my site as well. For my site, once it is down to a smaller screen, I basically hide wp-pagenavi and switch to a next/prev link instead. You can see it here

    That was my alternative option as well, but didn’t want to…
    I’ld rather fix the issue. Couldn’t this be fixed by changing the spans into divs ?

    I tried it out myself and the answer is yes it does, for me it seems to be working, with some alterations to your code.

    step 1.
    change all spans to divs in core.php

    step 2.
    change line 174 of core.php

    $out = $before . "<div class='wp-pagenavi'>\n$out\n</div>" . $after;


    $out = $before . "<div class='wp-pagenavi'>\n$out\n</div><div class='clear'></div>" . $after;

    so the rest after won’t float.

    step 3.
    add “float: left;” to .wp-pagenavi a, .wp-pagenavi div {

    step 4.
    add “.clear { clear: both; }”

    That worked for me.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Issues with mobile design’ is closed to new replies.