remove page number from collection page

[learningdesign]

How to remove page numbers and make it infinite scrolling please see the image below i am using dawn theme 

[Tech_Coding]

Hello @learningdesign 

You can add code by following these steps

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file

3. Paste the below code before </body> on theme.liquid
<style>
   .page-numbers {
       display: none !important;
    }
</style>

my reply helpful? Click Like to let me know!
your question answered? Mark it as an Accepted Solution.

[learningdesign]

@Tech_Coding page numbers are gone but its not showing all products on page page have 18 products and its showing 12

page 2 products are not showing now 

[GTLOfficial]

Hello @learningdesign 

Go to online store ----> themes ----> actions ----> edit code ---->assets ---->app.css
add this code at the end of the file.

.page-numbers {
display: none !important;
}

result

If this was helpful, hit the like button and accept the solution.
Thanks

[learningdesign]

@GTLOfficial  it worked page numbers are gone but now all products not showing in page 

[GTLOfficial]

This would need to add infinite scroll by custom coding,
need to hire the developer for this.

[learningdesign]

can some one please help me in this