Dawn Template: Overlay Colour When I Click On "Filter"

Store Design
,

Topic summary

A user is experiencing an issue with the Dawn theme where clicking the \

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

Follow My Step,

  1. Open Base.css
    Find 2605 number LineCopy Name Is
.header__icon--menu[aria-expanded='true']::before {

Ctrl + D Past Name

Than

.header__icon--menu[aria-expanded='true']::before {
  content: '';
  top: 100%;
  left: 0;
  height: calc(var(--viewport-height, 100vh) - (var(--header-bottom-position, 100%)));
  width: 100%;
  display: block;
  position: absolute;
  background-color: hsl(0deg 0% 13% / 72%);
}

Change Code With This Code

  1. Find Base.css 2676 number Line

Copy This Name

details[open] .modal-overlay::after {

Past Ctrl + D Past It

Than

details[open] .modal-overlay::after {
  position: absolute;
  content: '';
  background-color: hsl(0deg 0% 13% / 72%);
  top: 100%;
  left: 0;
  right: 0;
  height: 100vh;
}

Change This Code

Add This New Css In base.css Code

.drawer {
   background-color: hsl(0deg 0% 13% / 72%) !important;
}