{"title":"Available Menu Locations in Phlox","id":35659,"link":"https:\/\/env.averta.net\/en\/step\/available-menu-locations-in-phlox\/","parent":[35053],"content":"<p>Phlox allows you to have?three menus on your website, and you can add the menus to three different locations:<\/p>\n<ul>\n<li><strong>Header Primary Navigation<\/strong><\/li>\n<\/ul>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"size-full wp-image-35816 aligncenter\" src=\"http:\/\/env.averta.net\/en\/wp-content\/uploads\/topheader-primary.jpg\" alt=\"topheader-primary\" width=\"965\" height=\"184\" \/><\/p>\n<ul>\n<li><strong>Header Secondary Navigation<\/strong><\/li>\n<\/ul>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"size-full wp-image-35817 aligncenter\" src=\"http:\/\/env.averta.net\/en\/wp-content\/uploads\/topheader-secondary.jpg\" alt=\"topheader-secondary\" width=\"965\" height=\"184\" \/><\/p>\n<ul>\n<li><strong>Footer Navigation<\/strong>\n<div id=\"attachment_35826\" style=\"width: 809px\" class=\"wp-caption aligncenter\"><img aria-describedby=\"caption-attachment-35826\" decoding=\"async\" loading=\"lazy\" class=\"wp-image-35826 size-full\" src=\"http:\/\/env.averta.net\/en\/wp-content\/uploads\/footermenu.jpg\" alt=\"footermenu\" width=\"799\" height=\"275\" \/><p id=\"caption-attachment-35826\" class=\"wp-caption-text\">Footer menu?is only available on desktops, and they disappear on tablets and mobiles.<\/p><\/div>\n<p class=\"aswi-text-box box-recommend\"><strong>Recommended: <\/strong><a href=\"https:\/\/env.averta.net\/en\/step\/customizing-website-footer-area\/?b=36255,36255\" title=\"Customizing Website Footer Area\">Here<\/a> you can read more about customizing the footer.<\/p><\/li>\n<\/ul>\n<p class=\"aswi-text-box box-alert\"><strong>Alert: <\/strong>Secondary and footer?menus?do not support megamenu or sub-menu. Try to add a simple menu in these sections.<\/p>\n<h3>Manage Locations<\/h3>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignright wp-image-36783\" src=\"http:\/\/env.averta.net\/en\/wp-content\/uploads\/manage-menu-locations-1-e1479295240360.png\" width=\"450\" height=\"264\" \/>To?set a location for each menu:<\/p>\n<ol>\n<li><span style=\"font-weight: 400;\">Go to your <strong>WordPress Admin Panel<\/strong><\/span><\/li>\n<li>Navigate?<b>Appearance<\/b> on the <b>Dashboard<\/b><\/li>\n<li>Click?<b>Menus<\/b><\/li>\n<li>Click?<strong>Manage Locations?<\/strong>next to the?<strong>Edit Menus?<\/strong>tab<\/li>\n<li>Now you can edit your old menus or use new menu<\/li>\n<\/ol>\n<p class=\"aswi-text-box box-recommend\"><strong>Recommended: <\/strong>To know how to?create a menu and be familiar with menu structures,?you can find useful information <a href=\"https:\/\/codex.wordpress.org\/WordPress_Menu_User_Guide\">here<\/a>.<\/p>\n<hr \/>\n<h3>Top Header Bar Menu<img decoding=\"async\" loading=\"lazy\" class=\"size-full wp-image-35841 alignright\" src=\"http:\/\/env.averta.net\/en\/wp-content\/uploads\/displaytopbar.png\" alt=\"displaytopbar\" width=\"296\" height=\"280\" \/><\/h3>\n<p>To display menu in top header bar:<\/p>\n<ol>\n<li><span style=\"font-weight: 400;\">Go to your <strong>WordPress Admin Panel<\/strong><\/span><\/li>\n<li>Click?<b>Appearance<\/b> on the <b>Dashboard<\/b><\/li>\n<li>Click?<strong>Customize<\/strong><\/li>\n<li>Navigate?<strong>Header &gt; Top Header Bar<\/strong><\/li>\n<li>Then switch on <strong>Display Top Header Bar<\/strong><\/li>\n<\/ol>\n<div style=\"clear: both;\"><\/div>\n<p>To display menu on top header bar, choose one of these layouts:<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-35842\" src=\"http:\/\/env.averta.net\/en\/wp-content\/uploads\/displaytopbar-menu.jpg\" alt=\"displaytopbar-menu\" width=\"285\" height=\"481\" \/><\/p>\n<p class=\"aswi-text-box box-recommend\"><strong>Recommended: <\/strong>To know more about top header bar, please read?<a href=\"https:\/\/env.averta.net\/en\/step\/customizing-phlox-top-header-bar\/?b=58619,58619\" title=\"Customizing Phlox Top Header Bar\">this article<\/a>.<\/p>\n<h3>Footer Menu<img decoding=\"async\" loading=\"lazy\" class=\"size-full wp-image-35843 alignright\" src=\"http:\/\/env.averta.net\/en\/wp-content\/uploads\/displayfooter.png\" alt=\"displayfooter\" width=\"299\" height=\"241\" \/><\/h3>\n<p>To display menu in footer area:<\/p>\n<ol>\n<li><span style=\"font-weight: 400;\">Go to your <strong>WordPress Admin Panel<\/strong><\/span><\/li>\n<li>Navigate?<b>Appearance<\/b> on the <b>Dashboard<\/b><\/li>\n<li>Click?<strong>Customize<\/strong><\/li>\n<li>Go to the?<strong>Footer<\/strong><\/li>\n<li>Then switch on <strong>Display?Footer<\/strong><\/li>\n<\/ol>\n<div style=\"clear: both;\"><\/div>\n<p>To display menu on footer, choose?this layout:<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-35844\" src=\"http:\/\/env.averta.net\/en\/wp-content\/uploads\/displayfooter-menu.png\" alt=\"displayfooter-menu\" width=\"291\" height=\"271\" \/><\/p>\n<p class=\"aswi-text-box box-recommend\"><strong>Recommended: <\/strong><a href=\"https:\/\/env.averta.net\/en\/step\/customizing-website-footer-area\/?b=36255,36255\" title=\"Customizing Website Footer Area\">Here<\/a> you can find more information about footer and its layouts.<\/p>\n","type":"solution"}