How to Add Mega Menu to Footer in Dawn 2.0

Store Design
, ,
1

My wife is wanting to create a menu in the Footer of her website that looks like the one below with all of the items that would normally be nested being displayed at all times as shown.

Her website is LuxxJunkie.com and uses the Dawn 2.0 theme. The sites pass is Testing1234

I have tried to get a Mega menu to work in the Footer, but I have had no luck. I can only get the top level Menu headings to show up.

Any help is greatly appreciated.

Screenshot 2024-11-15 at 3.29.38 PM.png
Screenshot 2024-11-15 at 3.29.38 PM.png2330×1426 174 KB

2

@jonnbama , it requires code inserted into the theme file within the footer liquid file, let me know if you are code familiar. so I can guide you. and how it is possible read below

To display all nested menu items in the footer of the Dawn 2.0 theme:

  1. Create the Menu:

    • Go to Online Store > Navigation and nest all menu items under their parent links.

  2. Customize the Footer:

    • Add the menu to the footer section in Online Store > Themes > Customize.

  3. Edit Theme Code:

    • Use Edit Code in your theme and adjust the footer menu settings to ensure sub-menu items are displayed.

  4. Style with CSS:

    • Update your theme’s CSS to format the nested menu items for a clean display.

Preview the changes to confirm all nested items are always visible.

if you are not code-savvy, you need to hire an expert to achieve this within the Dawn theme, because it’s a free version. let me know if I can help you

3

Hi @jonnbama

You can follow the instructions here:

  1. you can go to Footer > click to Add block https://prnt.sc/HfK7-EGGiN0c
  2. Then, the menu is created in the Navigation section. https://prnt.sc/xbojsDerEmXr
  3. Click inside to find the area to add additional links to the menu. https://prnt.sc/aOLlloKkIvIy
  4. You can also create more menus. https://prnt.sc/I4SEw9gG6CAG
  5. Then add more menus here. https://prnt.sc/EPocOPdqZMRo
  6. Click on it, and you can change the menu here. https://prnt.sc/qDMpyLWBCo2b

Then save. I hope it helps.

4

I stumbled across this accidentally, as it wasn’t exactly how I would have described the issue I was facing in my Footer menu - but it did exactly what I needed, anyway! Thank you