Woocommerce pagination shows on top and bottom

  • kristinubute

    (@kristinubute)


    3 years, 7 months ago

    Hi

    In Storefront, how can I remove the pagination that shows in ecommerce website within Storefront.

    It shows the number of pages on top and bottom of products.

    Do you know how to remove it on the top of the products and leave it ONLY on the bottom of the products so when client is viewing all the products they can go to the next page at the bottom .

    I don’t want it on the top of the products, especially when on the mobile it is a pain to have it on both top and bottom.

    If someone could help would be great.

    I found some coding but it removes it from both top and bottom sections.

    .woocommerce-pagination {
    display: none;
    }

    Thanks in advance

    Regards
    kristin

Viewing 1 replies (of 1 total)
  • Senff – a11n

    (@senff)

    3 years, 7 months ago

    Hi @kristinubute !

    You can do this with a little bit of custom CSS code.

    Go into your site’s admin Dashboard and select Appearance → Customize → Additional CSS. In the CSS textbox on the left, add the following code:

    body.archive #main .storefront-sorting:nth-of-type(1) .woocommerce-pagination {
  display: none;
}

    Select “Save Changes” from the top, and your changes will be applied to your site.

    If this doesn’t work for you, please share a link to your site so we can take a look.

Viewing 1 replies (of 1 total)
  • The topic ‘Woocommerce pagination shows on top and bottom’ is closed to new replies.