There are several options to configure the footer from the config.yml
# config.yml
...
menu:
show_dropdown_items_in_mobile_menu: false
show_social_media_in_mobile_menu: true
Configure the main menu by editing config.yml
# config.yml
menu:
main:
- name: "Services"
identifier: services
url: /services/
pageRef: services
weight: 1
- name: "Our Work"
identifier: work
url: /work/
pageRef: work
weight: 2
- name: "Blog"
identifier: blog
url: /blog/
pageRef: posts
weight: 3
- name: "About"
identifier: about
url: /about/
pageRef: about
weight: 4
- name: Buy Now
url: "https://www.zerostatic.io/theme/hugo-origin/"
weight: 10
params:
external: true
button: true
footer_primary:
- name: "Services"
url: /services/
weight: 1
- name: "Work"
url: /work/
weight: 2
footer_secondary:
- name: "Team"
url: /team/
pageRef: "team"
weight: 1
footer_tertiary:
- name: Buy Now
url: "https://www.zerostatic.io/theme/hugo-origin/"
weight: 1
params:
external: true
button: true
- name: "Contact"
url: /contact/
weight: 2
pageRef: "contact"
- name: "Styleguide"
url: /styleguide/
weight: 3
pageRef: "styleguide"
bottom:
- name: "Terms"
url: "/terms/"
weight: 1
- name: "Privacy"
url: /privacy/
weight: 2
The main menu supports nested menus.
For sub menus to work, you need to add the parent
property, which should make the identifier
property of the parent menu
For example here we add a top level “services” menu item and a child item called “branding”
# config.yml
menu:
main:
- name: "Services"
identifier: services
url: /services/
pageRef: services
weight: 1
- name: "Branding"
parent: "services"
url: "/services/branding"
params:
icon: "images/icons/icons8-color-palette-100.png"
---
You can also specify a child menu item in the pages frontmatter.
# content/services/branding.md
---
menu:
main:
weight: 4
parent: "services"
params:
icon: "images/icons/icons8-color-palette-100.png"
---
This theme comes with a high quality responsive menu. This menu uses the main
menu from _data/menu.yml
.