Why "Pages: n, n, n" BELOW Share Buttons? User gets lost or misses addl pages.

  • Unknown's avatar
    firstthingtomorrow · Member ·

    Hello!

    I have a page that makes use of multiple pagebreaks here: http://bit.ly/1ncbGFP.

    I’m wanting the navigational page numbers, i.e. “Pages: n, n, n,” to appear ABOVE the Share buttons. Quite simply, folks reading through (and realizing there’s more than one page) is way more important than any sharing. I’m afraid they’re going to miss the additional pages if their eyes glaze over the share buttons.

    As a workaround I’m considering adding a “Next” link (going to the next page) above the share buttons. Not very elegant. Is there a way to add some code to CSS and make the switcheroo?

    Out of curiosity, does anyone have an argument *for* putting share/like buttons above page numbers…or is this indeed a potentially wise change?

    And since I’m on a role, the page numbers as is aren’t ideal…it can be difficult, especially on a phone, to hit the exact number you need. Why not make use of “Prev” and “Next” (or some other solution( so if you’re reading in chrono order you have a bigger “target” to click when reading?

    Many thanks for the help and consideration!

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar
    gracejiyoung · Member ·

    Hi there,

    In order to move the Page Links above you can add this to your CSS:

    .hentry .entry-meta:first-of-type {
padding: 7em;
}

.page-links {
margin: -8em 0 1.5em;
}

    Normally the page numbers are below the Share links, but it’s completely up to you. Let me know if you have any questions with this!

  • Unknown's avatar
    firstthingtomorrow · Member ·

    Many thanks, Grace! That worked beautifully.

    Unfortunately I’ve recently noticed that the page numbers are not rendering correctly in Firefox: They overwrite some of the body text and turn everything into a messy black mess. The Share buttons also do not render at all in Firefox.

    You can see this if you open Firefox and go here: http://bit.ly/1ncbGFP

    How to fix this? And is this also a concern with IE?

    Many thanks,
    Lynne

  • Unknown's avatar
    gracejiyoung · Member ·

    Hi Lynne,

    I am unable to reproduce your issue in Firefox. Here is what I see:

    I was also able to see your Share buttons:

    Can you please try clearing out your cache and cookies using the guide below?

    Solve Common Browser Issues

    Also, please make sure you are using the most recent version of Firefox and IE:

    http://browsehappy.com

    Also, please disable any browser extensions and let me know if that helps!

    Cheers!

  • The topic ‘Why "Pages: n, n, n" BELOW Share Buttons? User gets lost or misses addl pages.’ is closed to new replies.