View All Button - Collection Section for Mobile

Store Design
, , ,
1

My view all button for my collection page does not display correctly on mobile. On desktop the view all button sits as a proper button below images. However on mobile its just a “view all” text under the title. How can I replicate the same button on mobile as I have on desktop.

CollectionsMobile.PNG
CollectionsMobile.PNG364×592 125 KB

Collectionsdesktop.PNG
Collectionsdesktop.PNG1069×508 385 KB

2

Please share website link

3

Hi @codexecom , link is Products – Pawfectly Pawsome

Password is Buddy

4

Hi,
Please follow these instruction

Step: 1 Go to Online Store → Themes
Step: 2 Click on three dots placed before publish Button → Edit Code
Step: 3 Search this file “base.css”
Step: 4 At the last Paste this code and save file

@media (max-width:749px){
.title-wrapper-with-link a {
display: none;
}
.collection-list-view-all.small-hide.medium-hide {
display: block !important;
}
}

codexecom_0-1697823729775.png
codexecom_0-1697823729775.png402×781 173 KB

1 Like
5

Thanks so much @codexecom . That worked! I don’t suppose you could help with my other issue I have on my product page with my filter colour?

Re: My filters are missing on mobile due to text colour - Shopify Community

6

Hi @amac95

This is Richard from PageFly - Shopify Page Builder App, I’d like to suggest this idea:
Online Store ->Theme ->Edit code
Assets ->Base.css

@media (max-width:767px){
.title-wrapper-with-link a {
    display: none !important;
}
.collection-list-view-all.small-hide.medium-hide {
    display: block !important;
}
}

Hope you find my answer helpful!
Best regards,
Richard | PageFly