Pages

  • Resolved revold1995

    (@revold1995)


    3 years, 4 months ago

    How to reduce the size of pages, or reduce the number of pages when switching pages, because everything does not fit in the mobile version

    <font _mstmutation=”1″></font>

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

Viewing 2 replies - 1 through 2 (of 2 total)
  • Thread Starter revold1995

    (@revold1995)

    3 years, 4 months ago

    <font _mstmutation=”1″></font>Here is an example

    Amir A. (woo-hc)

    (@amiralifarooq)

    3 years, 4 months ago

    Hi @revold1995

    This can be fixed with some custom CSS. Under Customize > Additional CSS, you can add the following code:

    /*reduce the paginaton number font size */
@media screen and (max-width:512px){
.woocommerce-pagination :is(a.page-numbers, .current) {
    min-width: 22px !important;
    height: 25px !important;
}
}

    If you’d like to learn more about CSS, I highly recommend using the free tutorials at w3schools. Here, you can find the basics of selectors (how to target the right element on the page), and properties (how to change the element on the page).

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

The topic ‘Pages’ is closed to new replies.