Main Menu

There are several options to configure the footer from the _data/site.yml

# _data/site.yml
...

menu: 
  show_dropdown_items_in_mobile_menu: true
  show_social_media_in_mobile_menu: true

Configure the main menu by editing _data/menu.yml

# _data/menu.yml

main:
  - name: Home
    url: /
    weight: 1
  - name: Services
    url: /services/
    weight: 1
    child:
      - name: "Web Development"
        url: /services/web-development/
      - name: "UX"
        url: /services/user-experience/
      - name: "Branding"
        url: /services/branding/
      - name: "Web Design"
        url: /services/web-design/
      - name: "SEO"
        url: /services/seo/
      - name: "Software Engineering"
        url: /services/software-engineering/
  - name: Projects
    url: /projects/
    weight: 2
    child:
      - name: "Book Design"
        url: /projects/book-design/
      - name: "Special Edition"
        url: /projects/special-edition/
      - name: "Master System"
        url: /projects/master-system/
      - name: "Clothing Range"
        url: /projects/clothing-range/
  - name: Blog
    url: /blog/
    weight: 4
  - name: About
    url: /about/
    weight: 5
  - name: Buy Now
    url: https://www.zerostatic.io/theme/11ty-advance/
    weight: 6

Nested / dropdown menu

The main menu supports nested menus.

For sub menus to work, you need to nest the menu items under the child property when editing the _data/menu.yml

# _data/menu.yml
main:
  - name: Services
    url: /services/
    weight: 1
    child:
    - name: "Web Development"
      url: "/services/web-development/"
    - name: "Web Design"
      url: "/services/web-design/"
    - name: "UX"
      url: "/services/user-experience/"
    - name: "Branding"
      url: "/services/branding/"

Responsive / Mobile Menu

This theme comes with a high quality responsive menu. This menu uses the main menu from _data/menu.yml.