Dawn Theme - Mega menu drop down is being overlapped by text on product page. Please Help!!!

Solved

Dawn Theme - Mega menu drop down is being overlapped by text on product page. Please Help!!!

MH_EC
Tourist
8 1 0

Hello,

 

I am currently working on my new site but have ran into an issue I cannot solve. I am using the Dawn theme and have done minimal customization. When I click on my mega menu drop down (in my header) when on a product page the text of the mega menu is overlapped by the product text on the product page. It works fine on all my other pages but not on my product pages.

 

First photo is what it looks like normally second is what it looks like on a product page. Any help would be greatly appreciated!

Screenshot 2023-02-06 at 12.53.44 PM.pngScreenshot 2023-02-06 at 12.53.18 PM.png

Accepted Solution (1)
MH_EC
Tourist
8 1 0

This is an accepted solution.

Hi @GemPages ,

 

That is very strange! I just tested it again to be sure and it is still showing my mega menu text behind the product text. I have tried it on different collection pages and on my home page and its works perfect. As soon as I go to my product page the issue is happening.

 

I just switched to my Windows laptop and the issue is gone. Must be an issue with the site and the way my MacBook views it?

 

My apologies I did not mean to waste your time!

View solution in original post

Replies 5 (5)

GemPages
Shopify Partner
5625 1262 1278

Hi @MH_EC,

 

To provide you with the most precise solution in this case, could you please share your page URL ( with pass if your store password is enabled )?

 

Thank you and hope to hear from you.
Best regards,
GemPages Support Team

GemPages - Build any high-converting store pages for any business


- If you find my reply helpful, please hit Like and Mark as Solution
- Get connected: App Store | Blog | Community | Help Center
MH_EC
Tourist
8 1 0

Hello, 

 

Thank you for your reply. I sent you a message with my site info.

 

Thanks!

GemPages
Shopify Partner
5625 1262 1278

Hi @MH_EC,

 

I checked your page and don't see that issue:

 

GemPages_0-1675742013765.png

 

Everything on the page working normally. So, pls re-check your page or tell me about the steps make that issue.

 

Best regards,
GemPages Support Team

GemPages - Build any high-converting store pages for any business


- If you find my reply helpful, please hit Like and Mark as Solution
- Get connected: App Store | Blog | Community | Help Center
MH_EC
Tourist
8 1 0

This is an accepted solution.

Hi @GemPages ,

 

That is very strange! I just tested it again to be sure and it is still showing my mega menu text behind the product text. I have tried it on different collection pages and on my home page and its works perfect. As soon as I go to my product page the issue is happening.

 

I just switched to my Windows laptop and the issue is gone. Must be an issue with the site and the way my MacBook views it?

 

My apologies I did not mean to waste your time!

StoreWatchers
Trailblazer
205 30 39

Hello @MH_EC,

 

Greetings from the Store Watchers Support Team! Happy to help you today.

 

Please provide your store URL so I can further check the issue. This could be fixed by adding a custom CSS.

Let me know if need further assistance

Regards,
Store Watchers Support Team

StoreWatchers - Automate testing for your Shopify store in seconds


If you find my reply helpful, please hit Like and Mark as Solution
Visit us: App Store | Website | FAQs