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-origin/
weight: 6
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/"
This theme comes with a high quality responsive menu. This menu uses the main
menu from _data/menu.yml
.