Fun Theme Updates | WooCommerce Pagination

To resolve the issue with pagination of WooCommerce products not displaying correctly on mobile:

First, we will need to update our responsive-menu.js file.

Look for this:

Replace it with this:

Then, update your stylesheet:

Look for the 839 break-point in the stylesheet's Mobile Navigation section.

  1. Appearance
  2. Editor
  3. Stylesheet
  4. Locate Mobile Navigation (/* Mobile Navigation
    ---------------------------------------------------------------------------------------------------- */)
  5. Locate 839px breakpoint (Look for this: @media only screen and (max-width: 839px) {)
  6. Add code below to that area of your stylesheet.

When complete, save stylesheet.

Still need help? Contact Us Contact Us