How can I change my website's phone main menu design?

[Dat999]

Hi, I’m looking to change the Phone’s main menu design on my website.

I want to change the colours to black and white as seen in the second photo and make the title collection “Promocje” red. I appreciate any help! Thanks!

[BSS-Commerce]

Hi @Dat999 ,
Can you kindly share your store link (with the password, if any) with us? We will check it and suggest you a solution if possible.

[Dat999]

Of course. https://www.spicysneakers.pl/

Thank you for any help in advance!

[BSS-Commerce]

To do this, go to your Shopify admin → Online store
Then select the Theme you are using. Next to the Preview store button, select Edit code.
Search for the base.css file in your source code and paste the following code at the end of the file:

@media screen and (max-width: 749px) {
.menu-drawer__navigation-container, .menu-drawer__inner-submenu {
    background-color: black;
    
}

.menu-drawer__navigation-container .link.link--text {
    color:white !important;
}

.menu-drawer__menu > li:nth-child(7) > .link.link--text {
  /* Your styles for the anchor element in the 7th child */
  color: red !important; /* For example, change the text color */
}

}

Result:


**Hope it helps @Dat999 **