Shopify themes, liquid, logos, and UX
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?
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.
Discover how to increase customer engagement on your store with articles from Shopify A...
By Jacqui Apr 23, 2025Hey Community 👋 Did you know that March 15th is National Everything You Think Is W...
By JasonH Apr 1, 2025Discover how to increase the efficiency of commerce operations with Shopify Academy's l...
By Jacqui Mar 26, 2025