There are several options to configure the footer from the _config.yml
# _config.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: Projects
url: /projects/
weight: 2
child:
- name: "Project Layout 1"
icon: "/assets/images/icons/wireframe-7.svg"
icon_darkmode: "/assets/images/icons/wireframe-7-white.svg"
description: "Default Project layout"
url: /projects/project-1/
- name: "Project Layout 2"
icon: "/assets/images/icons/wireframe-5.svg"
icon_darkmode: "/assets/images/icons/wireframe-5-white.svg"
description: "Right side layout"
url: /projects/project-2/
- name: "Project Layout 3"
icon: "/assets/images/icons/wireframe-6.svg"
icon_darkmode: "/assets/images/icons/wireframe-6-white.svg"
description: "Left side layout"
url: /projects/project-3/
- name: "Project Layout 4"
icon: "/assets/images/icons/wireframe-8.svg"
icon_darkmode: "/assets/images/icons/wireframe-8-white.svg"
description: "Top layout"
url: /projects/project-4/
- name: Blog
url: /blog/
weight: 2
- name: About
url: /about/
weight: 3
- name: Contact
url: /contact/
weight: 4
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.
Designed and built by Rob Austin @ausrobdev in Brisbane, Australia. We stand on the shoulders of giants: Hugo | Jekyll