menu bar placement (web version only not mobile)

[nana98]

Hi!

I am using dawn theme and I am having trouble with the placement of my menu bar’s content. Could someone please help me and share the codes? Thank you so much for the help!

it looks like this, when I clicked, the contents opened at the right side.

but I want it placed right under ‘SHOP’ (where the red mark is).

[nana98]

hi! yes, I used the dawn theme. It used to be rightfully aligned under the menu bar. But when i tried to change the image banner, it shifted. I am not sure if I accidentally clicked anything during the process.

[devcoders]

Hello @nana98

When I clicked on the menu, it opened right below the ‘Shop’ menu.

[TimJosh179]

Hey there!

I see what you’re trying to achieve with the menu dropdown — and yes, by default the Dawn theme tends to open mega menus to the right side. But you can absolutely reposition it so the submenu appears directly under the ‘SHOP’ menu item, just like you want!

Here’s a quick way to fix that with a little custom CSS:

1. From your Shopify Admin, go to Online Store > Themes > Customize

2. Click Theme settings > Custom CSS (or go to Edit Code if you don’t see that)

3. Paste this CSS snippet:

.header__menu-item .mega-menu {
left: 0 !important;
transform: translateX(0) !important;
justify-content: flex-start;
}

This will make the mega menu align directly below the parent link instead of floating off to the side.

Optional tip: You may need to tweak a few values if you’re using custom padding/margin or different header widths. If needed, I can help adjust that too.

Let me know how it goes! Happy to assist further if you need help fine-tuning it

[nana98]

Hi @devcoders

i tried it on different devices, it opened right below on safari but on chrome it opened on the right side.

[nana98]

it looks like this on chrome

and this on safari

[devcoders]

Hello @nana98
I checked in Chrome itself, dear, and it’s working fine.

[nana98]

Hi @devcoders

I wonder why it looks different on mine. I tried on my friend’s chrome and it looks the same as mine, it still opened on the right side.

[nana98]

Hi @TimJosh179

I tried it and it doesn’t work. I tried to tweak the value it still doesn’t budge.