Skip to content
chyvak1831 edited this page Mar 30, 2021 · 9 revisions

Wordpress menus extended by ACF so it allows to generate header prototype.
There are 6 menu locations are provided by Starter: 'Header Top Area', 'Header Main Area', 'Header Mobile Top Area', 'Header Mobile Area', 'Footer Area', 'Service Area'.

How to use

I) Add simple menu - that's default wordpress menu.

Simple menu example Download this video example
Menu Simple

II) Add image and icons:

  • image: it's possible to use any image format but highly recommended to use svg
  • icons: allowed svg only
Image and icons example Download this video example
Menu Image Icon
Load svg to Media common issue If you sees this error 1 (on screenshot) while uploading svg into Media Add svg problem it means that svg is invalid. In most cases in svg file missing such first line (see number 2 on screenshot). Due svg is xml WordPress require xml declaration.

III) Add widgets to menus: so far we used simple links in menus - let's to add interactive elements!
To use widgets in menus install plugin WP Widget in Navigation -> goto 'Appearance->Widgets' and drag&drop default widgets or widgets provided by plugins. See example below how to setup minicart, woo search and AWS search, TI wishlist.

Widgets (search, minicart, wishlist) in menu example Download this video example/
Menu Image Icon

IV) Nested menu settings.

Categories widget, nested menu settings example Download this video example
Menu Image Icon

IV) Add one more level menu (top).

Top menu example Download this video example
Menu Image Icon

V) Add mobile menu.

Mobile menu example Download this video example
Mobile Menu
Clone this wiki locally