Dawn theme 13.0, mega menu alignment issue

[R2D21]

https://raindesignsboutique.com

can anyone explain and help me fix this issue?

on my 15" laptop running @ 4k (3840x2160) 

looks like the dropdown mega menus are aligning to the left?

on a 27" monitor running @ 4k, things look even worse

much appreciated 

[AnneLuo · Accepted solution]

You can try this code by following these steps:
Step 1: Go to the online store ->Theme ->Edit Code.
Step 2: Find the theme.liquid file and add the following code to the head tag

<style>
  .mega-menu__list{
    max-width: calc(100% - 32rem) !important;
  }
</style>

Hopefully it will help you. If yes then Please don't forget hit Like and Mark it as solution!

[R2D21]

awesome thank you so much!

[AnneLuo]

Thank you for your reply. I'm glad to hear that the solution worked well for you.
If you require any more help, please don't hesitate to reach out.

[lucylucy9608]

Hi @AnneLuo, 

Do you think you would be able to help me with the issue below? Seems like you are an expert in mega menu haha. 

This is my website: www.glowbe.store

So at the moment the main menu looks like this as a drop down menu:

I would like the menu to be a mega menu in the following format:

Showing 

Shop all ("Bedding" in the example below)

- and under here each category of the jewelry

And next to it 

Accessories ("Cooking & Dinning" in the example below)

- hair clips

- jewelry organizers

 

I hope this makes more sense, please let me know if I need to clarify any further. 

Many thanks!!

Lucie

[AnneLuo]

Sure. Can you tell me the detailed structure of the menu? It would be best to show it with pictures so that I can understand it better.

[lucylucy9608]

hi @AnneLuo 

Thank you for your reply. 

Please see below: 

When the customer hovers over "shop" the Mega Menu in the style below should appear:

Hope this makes sense, let me know if I need to clarify further. 

Thanks for your help!

Best, 

Lucy

[AnneLuo]

Okay. Got it. May I have your collaborator code ? So that I can access your store to help you implement the function.