down pagination links

  • sacconi

    (@sacconi)


    2 years, 10 months ago

    how can I put the bottom pagination links in the correct position, that is to say down the last picture of the grid? In the page one the position is correct:

    I would open a <div> as I did for upper pagination links but the problem is that the down links are already inside a <div>

    • This topic was modified 2 years, 10 months ago by James Huff. Reason: redundant link removed

    The page I need help with: [log in to see the link]

Viewing 6 replies - 1 through 6 (of 6 total)
  • Moderator bcworkz

    (@bcworkz)

    2 years, 10 months ago

    You need to move the .wp-pagenavi div containing the pagination content outside of the main block that is using grid layout. But still before the #secondary aside element. You don’t want the pagination content to be part of the grid layout.

    Once outside of the grid layout you can float the div right to get it to be below the last post/apartment block. I suspect floating all the way right will place it under the sidebar instead of under the last post. You’ll likely need to set a right margin equal to the sidebar width, and maybe a bit more than the width so it aligns with the last post’s featured image’s right edge..

    Thread Starter sacconi

    (@sacconi)

    2 years, 10 months ago

    I put a div for the navigation and get out it from the main block, but I’m not able to fix the sidebar: https://test.sacconicase.com/case-vacanza/italia/friuli-venezia-giulia/lignano-sabbiadoro-appartamenti-vacanze/page/4/

    Gerry

    (@metamezzo)

    2 years, 10 months ago

    Hello, if we put the second .wp-pagenavi back in the <main/> block, then you can use the following CSS in the grid … 

    .site-main .wp-pagenavi {
  grid-column: 1 / span 2;
}

    Hope this helps and good luck!

    Thread Starter sacconi

    (@sacconi)

    2 years, 10 months ago

    ok, and there is the system to have the posts blocks of the same lenght of the previous pages? https://test.sacconicase.com/case-vacanza/italia/friuli-venezia-giulia/lignano-sabbiadoro-appartamenti-vacanze/page/4/

    Gerry

    (@metamezzo)

    2 years, 10 months ago

    Hi @sacconi , sorry, I didn’t understand the last question. Also, when I looked at the link, I’m curious why the first page has a div.navigazione2 block containing the second wp-pagenavi block. Shouldn’t all archive pages show the second wp-pagenavi block inside the main block?

    EDIT: Scenario I described above is no longer true.

    • This reply was modified 2 years, 10 months ago by Gerry. Reason: Issue I mentioned might just have been a caching issue
    Moderator bcworkz

    (@bcworkz)

    2 years, 10 months ago

    If you stay with the grid model, the span value needs to match the number of columns, which in turn depends on the total screen width. Thus you need a series of media queries to specify the correct span value for any given screen width.

    Once you have the correct span value, float the child elements of div.wp-pagenavi right.

Viewing 6 replies - 1 through 6 (of 6 total)

The topic ‘down pagination links’ is closed to new replies.