{"id":63,"date":"2022-06-06T19:41:51","date_gmt":"2022-06-06T19:41:51","guid":{"rendered":"http:\/\/localhost\/wordpress_vikingerdocs\/?p=63"},"modified":"2022-06-07T20:09:14","modified_gmt":"2022-06-07T20:09:14","slug":"menu-locations","status":"publish","type":"post","link":"https:\/\/odindesignthemes.com\/vikingerthemedocs\/menu-locations\/","title":{"rendered":"Menu Locations"},"content":{"rendered":"\n<p>We created&nbsp;<strong>4 menu locations<\/strong>&nbsp;for this theme:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><a href=\"#header-menu\">Header Menu<\/a><\/li><li><a href=\"#header-features-menu\">Header Features Menu<\/a><\/li><li><a href=\"#side-menu\">Side Menu<\/a><\/li><li><a href=\"#footer-menu\">Footer Menu<\/a><\/li><\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Configuring your Screen Options<\/h2>\n\n\n\n<p>Before you start creating your menus, you need to make sure that you have activated all related&nbsp;<strong>Screen Options<\/strong>&nbsp;to be able to take full advantange of the customization available for them (e.g. adding icons to the side menu items).<br><br><strong>Follow these steps to make all relevant options available in the menu creation screen:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Go to your&nbsp;<strong>WordPress admin panel.<\/strong><\/li><li>Go to&nbsp;<strong>Appearance -&gt; Menus<\/strong>.<\/li><\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/odindesignthemes.com\/vikingerthemedocs\/wp-content\/uploads\/2022\/06\/menu-locations-01-1024x576.png\" alt=\"\" class=\"wp-image-257\" srcset=\"https:\/\/odindesignthemes.com\/vikingerthemedocs\/wp-content\/uploads\/2022\/06\/menu-locations-01-1024x576.png 1024w, https:\/\/odindesignthemes.com\/vikingerthemedocs\/wp-content\/uploads\/2022\/06\/menu-locations-01-300x169.png 300w, https:\/\/odindesignthemes.com\/vikingerthemedocs\/wp-content\/uploads\/2022\/06\/menu-locations-01-768x432.png 768w, https:\/\/odindesignthemes.com\/vikingerthemedocs\/wp-content\/uploads\/2022\/06\/menu-locations-01-1536x864.png 1536w, https:\/\/odindesignthemes.com\/vikingerthemedocs\/wp-content\/uploads\/2022\/06\/menu-locations-01-80x45.png 80w, https:\/\/odindesignthemes.com\/vikingerthemedocs\/wp-content\/uploads\/2022\/06\/menu-locations-01.png 1920w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\"><li>Click on&nbsp;<strong>Screen Options<\/strong>&nbsp;at the top right of the screen.<\/li><\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/odindesignthemes.com\/vikingerthemedocs\/wp-content\/uploads\/2022\/06\/menu-locations-02-1024x576.png\" alt=\"\" class=\"wp-image-258\" srcset=\"https:\/\/odindesignthemes.com\/vikingerthemedocs\/wp-content\/uploads\/2022\/06\/menu-locations-02-1024x576.png 1024w, https:\/\/odindesignthemes.com\/vikingerthemedocs\/wp-content\/uploads\/2022\/06\/menu-locations-02-300x169.png 300w, https:\/\/odindesignthemes.com\/vikingerthemedocs\/wp-content\/uploads\/2022\/06\/menu-locations-02-768x432.png 768w, https:\/\/odindesignthemes.com\/vikingerthemedocs\/wp-content\/uploads\/2022\/06\/menu-locations-02-1536x864.png 1536w, https:\/\/odindesignthemes.com\/vikingerthemedocs\/wp-content\/uploads\/2022\/06\/menu-locations-02-80x45.png 80w, https:\/\/odindesignthemes.com\/vikingerthemedocs\/wp-content\/uploads\/2022\/06\/menu-locations-02.png 1920w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\"><li>Activate the options&nbsp;<strong>BuddyPress<\/strong>,&nbsp;<strong>Title Attribute<\/strong>&nbsp;and&nbsp;<strong>CSS Classes<\/strong>.<\/li><\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/odindesignthemes.com\/vikingerthemedocs\/wp-content\/uploads\/2022\/06\/menu-locations-03-1024x576.png\" alt=\"\" class=\"wp-image-259\" srcset=\"https:\/\/odindesignthemes.com\/vikingerthemedocs\/wp-content\/uploads\/2022\/06\/menu-locations-03-1024x576.png 1024w, https:\/\/odindesignthemes.com\/vikingerthemedocs\/wp-content\/uploads\/2022\/06\/menu-locations-03-300x169.png 300w, https:\/\/odindesignthemes.com\/vikingerthemedocs\/wp-content\/uploads\/2022\/06\/menu-locations-03-768x432.png 768w, https:\/\/odindesignthemes.com\/vikingerthemedocs\/wp-content\/uploads\/2022\/06\/menu-locations-03-1536x864.png 1536w, https:\/\/odindesignthemes.com\/vikingerthemedocs\/wp-content\/uploads\/2022\/06\/menu-locations-03-80x45.png 80w, https:\/\/odindesignthemes.com\/vikingerthemedocs\/wp-content\/uploads\/2022\/06\/menu-locations-03.png 1920w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\"><li>Now, you can use the&nbsp;<strong>Title Attribute<\/strong>&nbsp;and&nbsp;<strong>CSS Classes<\/strong>&nbsp;properties on each menu item, and the&nbsp;<strong>BuddyPress&nbsp;<\/strong>option will display available links in a dropdown under the&nbsp;<strong>Add menu items<\/strong>&nbsp;option.<\/li><\/ul>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"header-menu\">Header Menu<\/h2>\n\n\n\n<p>Menu items in this location display on the header of the site. The first menu item of this menu shows first in the header, while the rest of the menu items are hidden inside a dropdown that can be shown by hovering over a three dots icon (&#8230;).<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-rich is-provider-embed-handler wp-block-embed-embed-handler wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"Header Menu - Vikinger - WordPress &amp; BuddyPress Social Community\" width=\"1420\" height=\"799\" src=\"https:\/\/www.youtube.com\/embed\/lIFm8bprIyg?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"header-features-menu\">Header Features Menu<\/h2>\n\n\n\n<p>Menu items in this location display on the header of the site. This location creates a menu item on the header that has the same name as the one assigned to the menu (Menu Name). This menu item hides a big dropdown that displays all the menu items assigned to this menu. All menu items can be grouped under a named title by using the&nbsp;<strong>Title Attribute<\/strong>&nbsp;parameter.<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-rich is-provider-embed-handler wp-block-embed-embed-handler wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"Header Features Menu - Vikinger - WordPress &amp; BuddyPress Social Community\" width=\"1420\" height=\"799\" src=\"https:\/\/www.youtube.com\/embed\/QTbBoDKjD4c?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"side-menu\">Side Menu<\/h2>\n\n\n\n<p>Menu items in this location display on the left side menu bar. All menu items can be assigned icons by using the&nbsp;<strong>CSS Classes<\/strong>&nbsp;parameter. Available icons to use for the menu items are listed in the&nbsp;<a href=\"http:\/\/localhost\/wordpress_vikingerdocs\/menu-icons\">Menu Icons<\/a>&nbsp;section of this documentation.<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-rich is-provider-embed-handler wp-block-embed-embed-handler wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"Side Menu - Vikinger - WordPress &amp; BuddyPress Social Community\" width=\"1420\" height=\"799\" src=\"https:\/\/www.youtube.com\/embed\/2NdLjVp4dT8?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"footer-menu\">Footer Menu<\/h2>\n\n\n\n<p>Menu items in this location display on the footer of the site. All menu items can be grouped under a named title by using the&nbsp;<strong>Title Attribute<\/strong>&nbsp;parameter.<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-rich is-provider-embed-handler wp-block-embed-embed-handler wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"Footer Menu - Vikinger - WordPress &amp; BuddyPress Social Community\" width=\"1420\" height=\"799\" src=\"https:\/\/www.youtube.com\/embed\/U9ND5XLn5Kk?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>We created&nbsp;4 menu locations&nbsp;for this theme: Header Menu Header Features Menu Side Menu Footer Menu Configuring your Screen Options Before you start creating your menus, you need to make sure that you have activated all related&nbsp;Screen Options&nbsp;to be able to take full advantange of the customization available for them (e.g. adding icons to the side [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[23,19],"tags":[],"class_list":["post-63","post","type-post","status-publish","format-standard","hentry","category-menu","category-vikinger"],"_links":{"self":[{"href":"https:\/\/odindesignthemes.com\/vikingerthemedocs\/wp-json\/wp\/v2\/posts\/63","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/odindesignthemes.com\/vikingerthemedocs\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/odindesignthemes.com\/vikingerthemedocs\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/odindesignthemes.com\/vikingerthemedocs\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/odindesignthemes.com\/vikingerthemedocs\/wp-json\/wp\/v2\/comments?post=63"}],"version-history":[{"count":1,"href":"https:\/\/odindesignthemes.com\/vikingerthemedocs\/wp-json\/wp\/v2\/posts\/63\/revisions"}],"predecessor-version":[{"id":260,"href":"https:\/\/odindesignthemes.com\/vikingerthemedocs\/wp-json\/wp\/v2\/posts\/63\/revisions\/260"}],"wp:attachment":[{"href":"https:\/\/odindesignthemes.com\/vikingerthemedocs\/wp-json\/wp\/v2\/media?parent=63"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/odindesignthemes.com\/vikingerthemedocs\/wp-json\/wp\/v2\/categories?post=63"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/odindesignthemes.com\/vikingerthemedocs\/wp-json\/wp\/v2\/tags?post=63"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}