Main page Buttons disappear when hovering - Dawn Theme

Store Design
, , ,

Topic summary

A user encountered an issue with the Dawn theme where buttons on the main page (View, Shop, Collection, etc.) were disappearing when hovered over.

Solution provided:

  • Edit the custom.css file located under Assets
  • Add the following CSS code at the bottom:
.template-index .button:hover {
  background: #000 !important;
}

Outcome:
The CSS fix successfully resolved the button disappearing issue. The discussion is now closed with the problem solved.

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

Hello,

I’ve gone through the Community questions, but haven’t found the solution to this exact issue…

When I hover over the Buttons on my page (View, Shop Collection, etc.), they disappear!

Any help would be very much appreciated!

Thanks !

Dominique

www.moondropcreations.com

2

Hello @MoondropGirl ,

Edit custom.css under Assets and add this css at the bottom

.template-index .button:hover { 
    background: #000 !important;
}

Thanks

3

It worked ! Thank you so much!