Page numbers in the mobile version

Hello. Please help me fix the page numbers in the mobile version. And also place the goods in the center.

Thanks a lot in advance!

Hello there,

Try adding the below CSS code to Appearance > Customize > Additional CSS from dashboard.

    @media only screen and (max-width: 480px) {
      .woocommerce nav.woocommerce-pagination ul li a, 
      .woocommerce nav.woocommerce-pagination ul li span {
        min-width: auto;
        padding: 8px;
        font-size: 14px;
      }   
    }

Regards,
Kharis

1 Like

Many thanks, Harris. It’s great.
But my goods are still shifted to the right. Help, please, center them.

Hello there,

Try adding this CSS code to Appearance > Customize > Additional CSS from dashboard.

    @media only screen and (max-width: 991px) {
      .post-type-archive-product.woocommerce .content-area {
        padding-left: 15px;
      }  
    }

Regards,
Kharis

Now the goods have shifted to the left.

Try padding-left: 20px

Unfortunately it does not work (

Hello there,

Try adding this code:

    @media only screen and (max-width: 991px) {
      #content .container.content-wrapper {
        padding-left: 15px;
      }
    }

Regards,
Kharis

1 Like

Cool. It’s great. Thank you so much!!!

You’re welcome!

Please let us know in a new topic if you have any further questions, or if we can provide you with any other assistance.

Regards,
Kharis