Why does my Dawn mobile menu show a black box?

Hello, I recently discovered that my menu is bugging when viewed on a phone. As shown below, when I press the menu button, a black box appears. Does anyone know how to fix this?

Also, the social media icons at the bottom change to a white color, so they are hardly noticeable. Is there a way to make them black so they are more visible?

Website: https://truthtrust.dk/
Password code: CAMO130

Version: Dawn 11.0.0

1 Like

Hey @AdamT06

Follow these Steps:

  1. Go to Online Store
  2. Edit Code
  3. Find theme.liquid file
  4. Add the following code in the bottom of the file above </ body> tag
<style>
.menu-drawer-container.menu-opening:before {
    height: unset !important;
    background: transparent !important;
}
svg.icon.icon-close * {
    stroke: black !important;
}
</style>

RESULT:

If I managed to help you then a Like would be truly appreciated.

Best,
Moeed

1 Like

Hello,
Thanks for the reply.
I have been trying for some time now but i cant get it to work. Can you by any chance show me a screenshoot of how it is supposed to look after adding the code. I think im putting it wrong in so therefore it will not work for me.

Hello, can you share screenshot of where you pasting the code?

Sometime pasting the code into the wrong file, cause the issue code not working.

yes, this is where im pasting it:

You have not close the style tag. That’s why the issue is happening.

before the body tag closed, paste this code.

</style>

THANK YOU SO MUCH! it works now.

Do you also know how to fix the white socail media icons shown in the bottom of the picture? i would love them to be black

Yes, I know how to change them. Can you mention please which one social icons you are refering to.

Of course. These 3 below shown in the picture. i would love them to be black color

i just noticed that there is 4 logos that are white. The social media logos and also the profile picture