How to remove "view full details" about products on the home page under Dawn theme?

Store Design

Topic summary

Users want to remove the “View full details” arrow that appears below the “Add to cart” button for products displayed on the home page in Shopify’s Dawn theme.

Solution Provided:

  • Add CSS code to the base.css file (located in the Assets folder)
  • The code snippet hides the arrow element: a.link.product__view-details.animate-arrow { display: none !important; }
  • Multiple users confirmed this CSS solution works successfully

Alternative Method:

Status: Resolved - the CSS approach effectively removes the arrow while keeping the product display intact.

Summarized with AI on November 7. AI used: claude-sonnet-4-5-20250929.
1

Hi everyone,

I’m asking for help about a little detail but we know that little details make the difference.

I’m currently using the Dawn theme, but I am encountering a problem. I chose to display my products on my home page but I would like to remove the “View full details” arrow that we can find under the Add to cart button.

I already removed the text “View full details” by editing the language and replacing it by a blank space, but the arrow still remains visible and I don’t know where to find it in the theme code or how to make it invisible.

Does someone know how to do it ? Thank you very much!

Website: Pleaseyourpass.myshopify.com (no password needed)

1 Like
2

Hi @Pleaseyourpass ;

In your base.css file under Assets folder, paste the code below. Let me know if it works

a.link.product__view-details.animate-arrow {
display: none !important;
}
3 Likes
3

Thank you very much!

2 Likes
4

IT work , thank you so much

5

hello

unfortunately this solution didnt work for me
could you please helpe me out

6

A youtube video explaining exactly how to solve this issue. It worked for me.

https://youtu.be/ur6lC4WubkI