How can i change the menu background colour on mobile display?

[Valeria_6]

Mine seems to be black by default when viewing my website on a mobile & i cant see any way to edit this colour.

It’s when you click the burger from the home page it opens a menu in black (see example).

Thank you

[Moeed]

Hey @Valeria_6

Welcome to Shopify Community! Can you share your Store URL so I can have a look on it? Also, if you have password enabled then please share the password as well. Your cooperation would be greatly appreciated.

Best Regards,
Moeed

[Small_Task_Help]

Hi,

Which theme are you using? your store URL please. Need to work on CSS at theme.scss.liquid or styles.scss.liquid ,

CSS code example

/* Example media query for mobile devices */
@media (max-width: 768px) {
  .mobile-menu {
    background-color: #f0f0f0; /* Change to your desired background color */
  }
}

[Dan-From-Ryviu]

Hi @Valeria_6

You can do that by adding this code to Online Store > Themes > Customize > Theme settings > Custom CSS

#menu-drawer {
background: #af8888;
}

[Valeria_6]

Wow, perfect. thanks so much x

[Dan-From-Ryviu]

Very welcome.

Best regards,

Dan from Ryviu