Mega menu only the first level menu is displayed- Nordic theme

Store Design
, , , , , , ,

Topic summary

A user is experiencing an issue with the Nordic theme’s mega menu, where only the first level of navigation is displaying instead of the full submenu structure as desired.

Problem Details:

  • The mega menu configuration follows theme settings but doesn’t show nested submenu items
  • An attached screenshot illustrates the current limited display

Proposed Solution:
Another user provided CSS code to modify the menu layout:

  • Navigate to theme files (theme.css or base.css)
  • Add flexbox styling to .grid__item elements
  • Adjust image and text positioning with spacing controls

Status: The discussion remains open, as the suggested CSS solution appears to address image/text positioning rather than the core submenu visibility issue. It’s unclear whether this resolves the original problem of displaying multiple menu levels.

Summarized with AI on October 30. AI used: claude-sonnet-4-5-20250929.
1

Hi,

I’m using Nordic theme and made a mega menu. It only displays the first level as it describes on the theme setting, but I want to display the whole submenu. How can I fix this please?

mega menu.JPG
mega menu.JPG286×740 24.2 KB

2

hi @G2025

You can move the text below the grid images by modifying your theme’s CSS. Try this:

Steps to Fix:
Go to Online Store > Themes > Edit Code

Open theme.css or base.css

Add the following CSS:

.grid__item {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.grid__item img {
    margin-bottom: 15px; /* Adjust spacing between image and text */
}

.grid__item .grid__text {
    text-align: center;
}

This will ensure the text moves below the image with proper spacing.