Logo and Menu won't show in Transparent Header on Mobile Dawn Theme

Store Design
1

Everything looks good on the desktop version of the website, but when I switch to the mobile version, the logo and the drop down menu is not visible.

Desktop Site
Desktop Site1429×210 85.9 KB

Mobile Site
Mobile Site463×633 102 KB

2

There must be an error in its responsiveness!!

3

Hi @Duende

Share store url

4

@Duende Please share your store URL to help on this.

5

https://duen-de.online/

6

@Duende Please follow the below steps to visible the logo and the drop down menu. Let me know whether it is helpful for you.

  1. From admin, go to “Online Store” → “Themes”.
  2. Click action button from the current theme and select “Edit code”.
  3. Search for the “base.css” file and add the below CSS code at the bottom of the “base.css” file.
@media screen and (max-width: 767px) {
    .videoBackground .fullscreen-video-wrap {
        z-index: 2 !important;
    }
}

Then the final output will be like,

Vinsinfo_0-1717164834599.png
Vinsinfo_0-1717164834599.png728×685 273 KB

Please provide your support by click “Like” and “Accepted” if our solution works for you. Thanks for your support.

7

Thank you, it is visible now.