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-advance/"
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-advance/"
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.