menu mobil color text issues

Store Design
,
1

Hello,
I’m working on the mobile version of my website and I’ve just seen in the menu page that the end was cut off and the choice of language and currency in white instead of black.

Would anyone know how I can put the text in black and put them on the same line to avoid it being cut off like on the photo?

Here is the link to my site: https://albe.online/collections/all
And I use the dawn theme

Thanks in advance

2

Hello @albestudios , Please follow these steps to add this CSS code:

  1. Access your Shopify Admin.
  2. Go to Online Store > Themes.
  3. Locate the theme you are currently using and select Actions > Edit code.
  4. In a CSS file: Go to Assets, find your CSS file, and add your styles. OR
  5. In theme.liquid: Go to Layout, open theme.liquid, and add your CSS inside a tag in the section.
@media  screen and (max-width: 749px) {
#menu-drawer .menu-drawer__localization {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 25px;
}
.disclosure .disclosure__button span{
    color: #000000 !important;
}
#menu-drawer .disclosure__list li a{
    color: #000000 !important;
}
}

Here is the screenshot for the same.

Screenshot_69.png
Screenshot_69.png1344×597 33.1 KB

Screenshot_70.png
Screenshot_70.png218×471 2.87 KB

Feel free to reach out if you have any additional questions. If this solution is helpful, please consider liking and accepting it.
S.P