How to create black ground in mobile menu version?

Topic summary

A user seeks to add a black background to the mobile menu on their Shopify store using the Prestige 2.0 theme.

Proposed Solutions:

  • Two community members suggested CSS code snippets targeting different selectors:
    • .header-sidebar__main-panel with white background color
    • .drawer::part(content) with white background color
  • Both solutions recommend adding the CSS either through theme customization settings or directly in theme files (theme.liquid or base.css)

Current Status:
The issue remains unresolved. The original poster reported that the suggested CSS approaches did not work for their specific case. No alternative solutions or troubleshooting steps have been provided yet.

Note: Screenshots were shared showing the mobile menu interface and CSS implementation examples.

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

How to create black ground in mobile menu version?
them Prestige 2.0

https://alpadadoors.com/

1 Like

Hello @Daniil_P13 How are you doing ?
Apply these CSS on theme customization or Edit code paste on style tag on theme.liquid or base.css file

.header-sidebar__main-panel {
    background-color: #fff !important;
}

If its helpful then Like or Accept as Solution Thanks

Hi @Daniil_P13

Please add this code to Custom CSS in Online Store > Themes > Customize > Theme settings

.drawer::part(content) {
backgroun: #fff !important;
}

I already make this way , but it is not work