Pagination buttons overlap mobile

  • Resolved moez2019

    (@moez2019)


    4 years, 7 months ago

    there is an overlap between pagination buttons of the upper and lower rows on the mobile version, there is a photo at the link below showing the issue.
    this is the code I use:

    .page-numbers {
    padding: 5px 10px;
    box-sizing: border-box;
    border-radius: 0px;
    border: 1.4px solid;
    text-align: center;
    }

    • This topic was modified 4 years, 7 months ago by moez2019.
    • This topic was modified 4 years, 7 months ago by moez2019.

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

Viewing 4 replies - 1 through 4 (of 4 total)
  • Theme Author Tom

    (@edge22)

    4 years, 7 months ago

    Hi there,

    Hard to tell without seeing the actual page, but try this:

    .page-numbers {
    margin-bottom: 10px;
}
    Thread Starter moez2019

    (@moez2019)

    4 years, 7 months ago

    It didn’t work! I have attached photo at the link above, it only appears on the mobile version, I want something to separate between the two rows, a kind of responsiveness issue on the mobile version

    • This reply was modified 4 years, 7 months ago by moez2019.
    Thread Starter moez2019

    (@moez2019)

    4 years, 7 months ago

    solved by this css
    line-height: 1.5em;

    Theme Author Tom

    (@edge22)

    4 years, 7 months ago

    Awesome – glad you found a solution 🙂

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Pagination buttons overlap mobile’ is closed to new replies.