Dawn theme 13.0, mega menu alignment issue

Store Design
, , ,
1

https://raindesignsboutique.com

can anyone explain and help me fix this issue?

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

R2D21_0-1712721024598.png
R2D21_0-1712721024598.png1276×1075 115 KB

R2D21_1-1712721058106.png
R2D21_1-1712721058106.png1186×568 63.3 KB

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

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

R2D21_2-1712721126226.png
R2D21_2-1712721126226.png1839×616 50.4 KB

much appreciated

2

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

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

3

awesome thank you so much!

4

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.

5

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:

lucylucy9608_0-1726763165596.png
lucylucy9608_0-1726763165596.png399×241 12.9 KB

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

lucylucy9608_1-1726763165215.png
lucylucy9608_1-1726763165215.png400×156 28.7 KB

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

Many thanks!!

Lucie

6

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.

7

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:

lucylucy9608_0-1726836100666.png
lucylucy9608_0-1726836100666.png707×524 25.3 KB

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

Thanks for your help!

Best,

Lucy

8

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

9

Hi @AnneLuo

here is the code: 7516

10

I have applied the access. Please accept.

11

Hi @AnneLuo I have accepted:)

12

Have changed it for you. You can view on your online store.

AnneLuo_0-1728877078767.png
AnneLuo_0-1728877078767.png794×444 67.4 KB

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