Menus
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'.
I) Add simple menu - that's default wordpress menu.
Simple menu GIF example
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 GIF example
Load svg to Media common issue GIF example
If you sees this error 1 (on screenshot) while uploading svg into Media
it means that svg is invalid. In most cases in svg file missing such first line 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 GIF example
IV) Nested menu settings.
Categories widget, nested menu settings GIF example
IV) Add one more level menu (top).
Top menu GIF example
V) Add mobile menu.
Mobile menu GIF example
