remove column headers on mega menu

Shopify Discussion

Topic summary

Goal: remove column headers from a Shopify mega menu (multi‑column drop‑down).

Access: A collaborator requested the storefront password; the merchant provided it.

Solution provided: Steps to edit Online Store > Edit Code > theme.liquid and add custom code above the tag. The exact code isn’t visible in the thread excerpt, but a screenshot was shared showing headers removed.

Follow‑up questions: After removing an image, the menu content shifts left. The merchant wants the text to remain left‑aligned but be centered as a group within the mega menu, and also asks if the overall menu area can be made smaller.

Status: Original request (hide column headers) appears resolved via custom code; new alignment and sizing requests are pending. Likely requires CSS to center the container while keeping text left‑aligned and to limit the menu width.

Note: A code snippet and an image are central to the solution, but the actual code content is not shown here.

Summarized with AI on December 18. AI used: gpt-5.
1

Hi, is there a way to not have column headers in a mega menu?

P/W

2

Hey @SaucyPeach

Can you share the password as well?

Best Regards,

Moeed

3

my bad sorry.

P/W: Password

4

Hey @SaucyPeach

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 tag

RESULT:

Moeed_0-1727111503355.png
Moeed_0-1727111503355.png1027Ă—430 4.3 KB

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed

1 Like
5

Is there a way to center the text in the menu area, when i remove the image it pulls it to the left.

Can the menu area size be made smaller?

6

thanks for the quick reply!

I want the text to still have left alignment but be centered in the menu area.