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

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

G2025
Visitor
3 0 2

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

Reply 1 (1)

Dotsquares
Shopify Partner
390 24 52

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.

Dotsquares Ltd


Problem Solved? ✔ Accept and Like solution to help future merchants.


Shopify Partner Directory | Trustpilot | Portfolio