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

Solved

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

Duende
Excursionist
11 0 7

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.

Screenshot 2024-05-31 075932.pngScreenshot 2024-05-31 075953.png

Accepted Solution (1)
Vinsinfo
Shopify Partner
491 167 172

This is an accepted solution.

@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

 

 

Please provide your support by click "Like" and "Accepted" if our solution works for you. Thanks for your support.
Please reach out to bizdev@vinsinfo.com for any enquires related to Shopify.
Our Services: Custom Theme Development, Theme Customization, Custom Feature Implementation, Data Migration, Custom APP Development, Website Optimization and Google Merchant Center Support

View solution in original post

Replies 6 (6)

Kal_T
Tourist
3 1 0

There must be an error in its responsiveness!!

mrashid
Shopify Partner
302 26 33

Hi @Duende 

Share store url

- Need a Shopify developer? Chat on WhatsApp +923068683199
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution

Vinsinfo
Shopify Partner
491 167 172

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

Please reach out to bizdev@vinsinfo.com for any enquires related to Shopify.
Our Services: Custom Theme Development, Theme Customization, Custom Feature Implementation, Data Migration, Custom APP Development, Website Optimization and Google Merchant Center Support
Duende
Excursionist
11 0 7
Vinsinfo
Shopify Partner
491 167 172

This is an accepted solution.

@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

 

 

Please provide your support by click "Like" and "Accepted" if our solution works for you. Thanks for your support.
Please reach out to bizdev@vinsinfo.com for any enquires related to Shopify.
Our Services: Custom Theme Development, Theme Customization, Custom Feature Implementation, Data Migration, Custom APP Development, Website Optimization and Google Merchant Center Support
Duende
Excursionist
11 0 7

Thank you, it is visible now.