Main-menu structure not below

Store Design
, ,

Topic summary

Issue: In a Shopify main menu, most submenu items (“underpoints”) appear vertically below their parent, but for two menu items the submenus show beside (horizontal) instead of below.

Goal: Make those two submenus display directly underneath their parent items, consistent with the rest of the menu.

Context: Likely a CSS or theme markup/layout problem; no theme code or screenshots provided. Tags suggest a CSS/design fix in the Shopify theme.

Status: Unresolved. The poster is asking for straightforward guidance on how to adjust the menu so all submenus stack below their parent entries.

Summarized with AI on January 3. AI used: gpt-5.
1

Hello, I have a main-menu and in the is main-menu there are several points and below this points are underpoints, in two points the underpoints are not below they are beside and I want to have them below, how can I fix this?
Please help me with an answer, i am sure for you experts this is solve very easy.

Thank you in advance

1 Like
2

Hey @ladybird3001

I just saw your website and don’t really understand what you’re referring to, for me the menu looks all fine, can you share a screenshot for better understanding?

Best,
Moeed

3

sure, give me one moment please

4

image
image1418Ă—383 72 KB

this is wrong everything beside just one part is below

it should be like here and following

image
image1389Ă—480 98.8 KB

5

Follow these Steps:

  1. Go to Online Store
  2. Edit Code
  3. Find theme.liquid file
  4. Add the following code in the bottom of the file above </ body> tag
<style>
@media screen and (min-width: 768px) {
ul.mega-menu__list.page-width {
    flex-flow: column !important;
    display: flex !important;
    gap: 0.8rem 4rem !important;
}
}
</style>

RESULT

image
image1898Ă—910 153 KB

If I managed to help you then a Like would be truly appreciated.

Best,
Moeed

1 Like
6

thank you it was working, send me the link for a super like :slight_smile:

1 Like
7

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. If you find this information useful, a Like would be greatly appreciated.

Cheers,
Moeed