Why isn't the View All button functioning on my home page?

Technical Q&A
1

No link is linked to two View All buttons on the home page. Can someone please help me? Thanks.

Here’s the store link: http://toubaby.myshopify.com/

2

Hi @toubaby ,

Please follow these steps:

  • Step 1: Go to Online store > Themes > Actions > Edit code.
  • Step 2: Go to Assets > base.css and paste this at the bottom of the file:
@media screen and (min-width: 990px){
	.collection.page-width .product-grid .grid__item {
		padding-bottom: calc(3rem + var(--page-width-margin)) !important;
	}
	.collection.page-width .center.small-hide {
		margin-top: 3rem;
	}
}

Hope it helps!

1 Like
3

Solved. Thank you very much!

4

Hi,

I have the same problem, but this unfortunately did not help. Do you have another idea?

Here is the website and under “The collection” no View All-Button works.. https://thewatchpreserve.com

Thanks!

5

Hi @niklibby ,

You can create a question on the community and send me the link. I will check it.
Because this will help build a better community.
Thank you.

6

Hi! Your solution worked perfectly on my first featured collection - thank you! But it is not working on my latest featured collection. Help?

7

Hi @BeatriceS ,

You can create a question on the community and send me the link. I will check it.
Because this will help build a better community.
Thank you.

8

I’m having the same problem, and I’ve gotten as far as ‘Themes’, but I’m not seeing the word ‘Actions’ anywhere…

9

hi! I do not have a “base.css” section under assets. is there another place I can put the code? or do I create a new asset?

10

Hi,

I was having the same problem in the Dawn template. what I did was change from “featured collection” to “product grid” . It seems to be the best solution, as it allows the customer to sort and then the number of pages appears below. Tell me if you need help.