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.
- Appearance
- Editor
- Stylesheet
- Locate Mobile Navigation (/* Mobile Navigation
—————————————————————————————————- */)
- Locate 839px breakpoint (Look for this: @media only screen and (max-width: 839px) {)
- Add code below to that area of your stylesheet.
When complete, save stylesheet.