{"id":3832,"date":"2017-09-15T14:13:15","date_gmt":"2017-09-15T14:13:15","guid":{"rendered":"https:\/\/ampforwp.com\/tutorials\/?post_type=ht_kb&#038;p=3832"},"modified":"2020-02-18T11:40:04","modified_gmt":"2020-02-18T11:40:04","slug":"navigation-menu-amp","status":"publish","type":"ht_kb","link":"https:\/\/ampforwp.com\/tutorials\/article\/navigation-menu-amp\/","title":{"rendered":"How to Set Up Navigation Menu in AMP"},"content":{"rendered":"<h3>Steps<strong> to Create a Menu :<\/strong><\/h3>\n<p>You can create menus in WordPress by visiting\u00a0<strong>Appearance -&gt; Menus<\/strong>\u00a0in your WordPress admin area.<\/p>\n<p><a href=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/8-1.png\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-15212\" src=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/8-1.png\" alt=\"\" width=\"158\" height=\"229\" srcset=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/8-1.png 158w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/8-1-34x50.png 34w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/8-1-41x60.png 41w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/8-1-69x100.png 69w\" sizes=\"(max-width: 158px) 100vw, 158px\" \/><\/a><\/p>\n<p>\u00a0<\/p>\n<p><strong><span style=\"color: #800000;\">3<\/span><\/strong>. Click on create a new menu.\u00a0<\/p>\n<p><a href=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/create-menu-1.png\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-5355\" src=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/create-menu-1.png\" alt=\"\" width=\"696\" height=\"296\" srcset=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/create-menu-1.png 696w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/create-menu-1-300x128.png 300w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/create-menu-1-50x21.png 50w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/create-menu-1-60x26.png 60w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/create-menu-1-100x43.png 100w\" sizes=\"(max-width: 696px) 100vw, 696px\" \/><\/a><\/p>\n<p><span style=\"color: #800000;\"><strong>4.<\/strong><\/span> Provide a name for your menu in the Menu Name field and then click the Create Menu button.<\/p>\n<p><a href=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/menu-structure11.png\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-5357\" src=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/menu-structure11.png\" alt=\"\" width=\"868\" height=\"192\" srcset=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/menu-structure11.png 868w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/menu-structure11-300x66.png 300w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/menu-structure11-768x170.png 768w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/menu-structure11-50x11.png 50w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/menu-structure11-60x13.png 60w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/menu-structure11-100x22.png 100w\" sizes=\"(max-width: 868px) 100vw, 868px\" \/><\/a><\/p>\n<p><strong><span style=\"color: #800000;\">6.<\/span><\/strong> Next, you need to click Pages and View All. You can select the boxes for the pages that you want in your menu and click on add to menu button.<\/p>\n<h3><a href=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/add-menu-item.png\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-5360\" src=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/add-menu-item.png\" alt=\"\" width=\"324\" height=\"321\" srcset=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/add-menu-item.png 324w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/add-menu-item-150x150.png 150w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/add-menu-item-300x297.png 300w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/add-menu-item-50x50.png 50w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/add-menu-item-60x60.png 60w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/add-menu-item-100x100.png 100w\" sizes=\"(max-width: 324px) 100vw, 324px\" \/><\/a><\/h3>\n<p><strong><span style=\"color: #800000;\">7:<\/span><\/strong> Go to Appearance-&gt; Menus and create a new menu say AMP menu.<\/p>\n<p>Now add the things which you want to shown in AMP menu.<\/p>\n<p><a href=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/5-8.png\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-16484\" src=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/5-8.png\" alt=\"\" width=\"861\" height=\"626\" srcset=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/5-8.png 861w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/5-8-300x218.png 300w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/5-8-768x558.png 768w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/5-8-50x36.png 50w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/5-8-60x44.png 60w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/5-8-100x73.png 100w\" sizes=\"(max-width: 861px) 100vw, 861px\" \/><\/a><\/p>\n<p>There are three checkbox in AMP where you can add navigation menu.One is the Header and other is Footer area.<\/p>\n<ul>\n<li><a href=\"https:\/\/ampforwp.com\/tutorials\/article\/navigation-menu-amp\/#header\"><strong><label for=\"locations-amp-menu\">AMP Menu<\/label> <\/strong><\/a><\/li>\n<li><a href=\"https:\/\/ampforwp.com\/tutorials\/article\/navigation-menu-amp\/#footer\"><strong>AMP Footer Menu<\/strong><\/a><\/li>\n<li><a href=\"https:\/\/ampforwp.com\/tutorials\/article\/navigation-menu-amp\/#amp-alternative-menu-below-the-header\"><strong>AMP Alternative Menu &#8211; Below the Header<\/strong><\/a><\/li>\n<\/ul>\n<h4>Header<\/h4>\n<p>If you want to add navigation menu in Header then select <strong>AMP menu<\/strong> checkbox for that particular menu and click on save menu button.<\/p>\n<h3><a href=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/ampforwp-menu111.png\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-5367\" src=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/ampforwp-menu111.png\" alt=\"\" width=\"924\" height=\"543\" srcset=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/ampforwp-menu111.png 924w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/ampforwp-menu111-300x176.png 300w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/ampforwp-menu111-768x451.png 768w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/ampforwp-menu111-50x29.png 50w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/ampforwp-menu111-60x35.png 60w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/ampforwp-menu111-100x59.png 100w\" sizes=\"(max-width: 924px) 100vw, 924px\" \/><\/a><\/h3>\n<h4>Footer<\/h4>\n<p>If you want to add navigation menu in Footer then select <strong>AMP Footer Menu<\/strong> checkbox for that particular menu and click on save menu button.<\/p>\n<p><a href=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/ampforwp-footermenu222.png\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-5369\" src=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/ampforwp-footermenu222.png\" alt=\"\" width=\"922\" height=\"554\" srcset=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/ampforwp-footermenu222.png 922w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/ampforwp-footermenu222-300x180.png 300w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/ampforwp-footermenu222-768x461.png 768w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/ampforwp-footermenu222-50x30.png 50w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/ampforwp-footermenu222-60x36.png 60w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/ampforwp-footermenu222-100x60.png 100w\" sizes=\"(max-width: 922px) 100vw, 922px\" \/><\/a><\/p>\n<p><strong>Note:<\/strong> You can add Menu in both Header and footer at the same time as well.<\/p>\n<h4><strong>AMP Alternative Menu &#8211; Below the Header<\/strong><\/h4>\n<p>If you want to add AMP Alternative Menu in Below the Header then select <strong>AMP Alternative Menu &#8211; Below the Header<\/strong>\u00a0checkbox for that particular menu and click on save menu button.<\/p>\n<p><a href=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/6-3.png\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-16486\" src=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/6-3.png\" alt=\"\" width=\"866\" height=\"627\" srcset=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/6-3.png 866w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/6-3-300x217.png 300w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/6-3-768x556.png 768w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/6-3-50x36.png 50w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/6-3-60x43.png 60w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/6-3-100x72.png 100w\" sizes=\"(max-width: 866px) 100vw, 866px\" \/><\/a><\/p>\n<h3><mark style=\"background-color: yellow;\"><span style=\"color: #000000;\">\u00a0Setup of Swift Theme<\/span><\/mark><\/h3>\n<p><strong>Follow these simple steps.<\/strong><\/p>\n<p><span style=\"color: #800000;\"><strong>1.<\/strong> <\/span>From the dashboard, we go to the left-hand side in Menu bar go to <strong>AMP option panel -&gt;<\/strong>\u00a0Click on<strong> Design\u00a0Option<\/strong> -&gt; <strong>Themes<\/strong> as shown in the below screenshot.<\/p>\n<p><a href=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/9-3.png\"><img decoding=\"async\" loading=\"lazy\" class=\"size-full wp-image-15215 aligncenter\" src=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/9-3.png\" alt=\"\" width=\"391\" height=\"449\" srcset=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/9-3.png 391w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/9-3-261x300.png 261w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/9-3-44x50.png 44w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/9-3-52x60.png 52w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/9-3-87x100.png 87w\" sizes=\"(max-width: 391px) 100vw, 391px\" \/><\/a><\/p>\n<p><span style=\"color: #800000;\"><strong>2.<\/strong><\/span> Got to <strong>Design option<\/strong> -&gt; <strong>Themes<\/strong> -&gt;\u00a0 <strong>Themes Selector<\/strong> option. When you click on\u00a0 <strong>Themes Selector option<\/strong> <strong>\u00a0<\/strong>list will be shown . select\u00a0 the <strong>Swift<\/strong> theme.<\/p>\n<h3><a href=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/theme-selector11.png\"><img decoding=\"async\" loading=\"lazy\" class=\"size-full wp-image-5344 aligncenter\" src=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/theme-selector11.png\" alt=\"\" width=\"597\" height=\"248\" srcset=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/theme-selector11.png 597w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/theme-selector11-300x125.png 300w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/theme-selector11-50x21.png 50w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/theme-selector11-60x25.png 60w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/theme-selector11-100x42.png 100w\" sizes=\"(max-width: 597px) 100vw, 597px\" \/><\/a><\/h3>\n<p><span style=\"color: #800000;\"><strong>3.<\/strong><\/span> Ones you select <strong>swift theme<\/strong>, this theme related option is shown in <strong>Header<\/strong>. Go to <strong>AMP option panel -&gt; Design -&gt; Header.<\/strong><\/p>\n<p><a href=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/10-5.png\"><img decoding=\"async\" loading=\"lazy\" class=\"size-full wp-image-15219 aligncenter\" src=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/10-5.png\" alt=\"\" width=\"388\" height=\"408\" srcset=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/10-5.png 388w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/10-5-285x300.png 285w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/10-5-48x50.png 48w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/10-5-57x60.png 57w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/10-5-95x100.png 95w\" sizes=\"(max-width: 388px) 100vw, 388px\" \/><\/a><\/p>\n<p><strong>Header Design :<\/strong><\/p>\n<p>There are Three type of Header Design .which type of header design want you can select Header Type.\u00a0<\/p>\n<ol>\n<li>Header Type 1(Default)<\/li>\n<li>Header Type 2<\/li>\n<li>Header Type 3<\/li>\n<\/ol>\n<p>Go to <strong>AMP option panel -&gt; Design -&gt; Header -&gt;Header Design\u00a0<\/strong><\/p>\n<p><a href=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/header-design.png\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-5372\" src=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/header-design.png\" alt=\"\" width=\"972\" height=\"276\" srcset=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/header-design.png 972w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/header-design-300x85.png 300w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/header-design-768x218.png 768w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/header-design-50x14.png 50w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/header-design-60x17.png 60w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/header-design-100x28.png 100w\" sizes=\"(max-width: 972px) 100vw, 972px\" \/><\/a><\/p>\n<p><strong>Navigation Menu Design :<\/strong><\/p>\n<p>This is the default menu type in Navigation Menu Design.\u00a0\u00a0<\/p>\n<p><strong><span style=\"color: #800000;\">1.<\/span><\/strong> Go to <strong>AMP option panel -&gt; Design -&gt; Header -&gt;Header Design<\/strong><\/p>\n<h3><a href=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/navigation-menu-design.png\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-5374\" src=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/navigation-menu-design.png\" alt=\"\" width=\"973\" height=\"329\" srcset=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/navigation-menu-design.png 973w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/navigation-menu-design-300x101.png 300w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/navigation-menu-design-768x260.png 768w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/navigation-menu-design-50x17.png 50w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/navigation-menu-design-60x20.png 60w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/navigation-menu-design-100x34.png 100w\" sizes=\"(max-width: 973px) 100vw, 973px\" \/><\/a><\/h3>\n<p><strong>Menu Search:<\/strong><\/p>\n<p>Ones you enable Menu Search option search option will be shown\u00a0 on website\u00a0<\/p>\n<p><a href=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/menu-search.png\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-5381\" src=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/menu-search.png\" alt=\"\" width=\"967\" height=\"196\" srcset=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/menu-search.png 967w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/menu-search-300x61.png 300w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/menu-search-768x156.png 768w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/menu-search-50x10.png 50w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/menu-search-60x12.png 60w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/menu-search-100x20.png 100w\" sizes=\"(max-width: 967px) 100vw, 967px\" \/><\/a><\/p>\n<p><strong>Menu Copyright:<\/strong><\/p>\n<p>If you enable Menu Copyright option it will be shown on website.<\/p>\n<h3><a href=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/menu-copyright.png\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-5383\" src=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/menu-copyright.png\" alt=\"\" width=\"979\" height=\"194\" srcset=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/menu-copyright.png 979w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/menu-copyright-300x59.png 300w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/menu-copyright-768x152.png 768w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/menu-copyright-50x10.png 50w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/menu-copyright-60x12.png 60w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/menu-copyright-100x20.png 100w\" sizes=\"(max-width: 979px) 100vw, 979px\" \/><\/a><\/h3>\n<p>Go to <strong>AMP option panel -&gt; Design -&gt; Header -&gt;Header Design\u00a0 -&gt; Header Type<\/strong><\/p>\n<h3><strong><a href=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/header-type-2.png\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-5415\" src=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/header-type-2.png\" alt=\"\" width=\"904\" height=\"284\" srcset=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/header-type-2.png 904w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/header-type-2-300x94.png 300w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/header-type-2-768x241.png 768w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/header-type-2-50x16.png 50w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/header-type-2-60x19.png 60w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/header-type-2-100x31.png 100w\" sizes=\"(max-width: 904px) 100vw, 904px\" \/><\/a><\/strong><\/h3>\n<p>User can\u00a0 select Header Type 2 in this type additional\u00a0 Button Customize option will be show<\/p>\n<p><a href=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/button-cust.png\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-5416\" src=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/button-cust.png\" alt=\"\" width=\"934\" height=\"356\" srcset=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/button-cust.png 934w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/button-cust-300x114.png 300w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/button-cust-768x293.png 768w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/button-cust-50x19.png 50w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/button-cust-60x23.png 60w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/button-cust-100x38.png 100w\" sizes=\"(max-width: 934px) 100vw, 934px\" \/><\/a><\/p>\n<ul>\n<li><strong>Button Customize :<\/strong> Ones enable button customize option\u00a0 it will show other option.\u00a0<\/li>\n<li><strong>Button Text:<\/strong> By using this field you can give Button text.<i class=\"el el-question-sign \"><\/i><\/li>\n<li><strong>Button Link :\u00a0<\/strong>In this field you can give button link.<\/li>\n<li><strong>Button Styles : <\/strong>When you enable button styles additional\u00a0 option will be show\u00a0<i class=\"el el-question-sign \"><\/i><\/li>\n<\/ul>\n<p><a href=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/button-style.png\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-5421\" src=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/button-style.png\" alt=\"\" width=\"907\" height=\"351\" srcset=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/button-style.png 907w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/button-style-300x116.png 300w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/button-style-768x297.png 768w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/button-style-50x19.png 50w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/button-style-60x23.png 60w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/button-style-100x39.png 100w\" sizes=\"(max-width: 907px) 100vw, 907px\" \/><\/a><\/p>\n<ul>\n<li>B<strong>order Type :<\/strong> Which type of border you want just select the border type.\u00a0<i class=\"el el-question-sign \"><\/i><\/li>\n<\/ul>\n<p><strong>Output will be display like this:<\/strong><\/p>\n<h3><a href=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/button-signup.png\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-5431\" src=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/button-signup.png\" alt=\"\" width=\"1095\" height=\"65\" srcset=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/button-signup.png 1095w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/button-signup-300x18.png 300w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/button-signup-768x46.png 768w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/button-signup-1024x61.png 1024w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/button-signup-50x3.png 50w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/button-signup-60x4.png 60w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/button-signup-100x6.png 100w\" sizes=\"(max-width: 1095px) 100vw, 1095px\" \/><\/a><\/h3>\n<p><strong>Alternative Menu:<\/strong><\/p>\n<p>Ones you enable Alternative Menu option menu it\u00a0 will be shown on website.<\/p>\n<p><strong>Output of Alternative Menu option\u00a0<\/strong><\/p>\n<h3><strong><a href=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/alternative-menu-12345.png\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-5433\" src=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/alternative-menu-12345.png\" alt=\"\" width=\"1062\" height=\"114\" srcset=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/alternative-menu-12345.png 1062w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/alternative-menu-12345-300x32.png 300w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/alternative-menu-12345-768x82.png 768w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/alternative-menu-12345-1024x110.png 1024w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/alternative-menu-12345-50x5.png 50w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/alternative-menu-12345-60x6.png 60w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/alternative-menu-12345-100x11.png 100w\" sizes=\"(max-width: 1062px) 100vw, 1062px\" \/><\/a><\/strong><\/h3>\n<ul>\n<li><strong>Alt Menu Padding<\/strong> : You can add padding for Alternative Menu.<\/li>\n<li><strong>Alt Menu Text : <\/strong>By using this option you can add text color\u00a0 for\u00a0 Alternative Menu.<\/li>\n<li><strong>Alt Menu Background : <\/strong>By using this option you can add background color\u00a0 for\u00a0 Alternative Menu.<\/li>\n<\/ul>\n<p><a href=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/alternative-menu.png\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-5385\" src=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/alternative-menu.png\" alt=\"\" width=\"971\" height=\"259\" srcset=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/alternative-menu.png 971w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/alternative-menu-300x80.png 300w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/alternative-menu-768x205.png 768w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/alternative-menu-50x13.png 50w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/alternative-menu-60x16.png 60w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/alternative-menu-100x27.png 100w\" sizes=\"(max-width: 971px) 100vw, 971px\" \/><\/a><\/p>\n<p><strong>Dropdown Support : <\/strong>when you enable this option it will Create a dropdown menu that appears when the user moves the mouse over an element inside a navigation bar.<\/p>\n<p><a href=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/dropdown-support.png\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-5390\" src=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/dropdown-support.png\" alt=\"\" width=\"973\" height=\"259\" srcset=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/dropdown-support.png 973w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/dropdown-support-300x80.png 300w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/dropdown-support-768x204.png 768w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/dropdown-support-50x13.png 50w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/dropdown-support-60x16.png 60w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/dropdown-support-100x27.png 100w\" sizes=\"(max-width: 973px) 100vw, 973px\" \/><\/a><\/p>\n<p><strong>Header Settings:<\/strong><\/p>\n<p><strong>Call Now Button :<\/strong> user enable this option\u00a0 enter phone number field will be show, ones you enter the phone number in this filed this phone functionality will be display on header.\u00a0<\/p>\n<p><a href=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/call-now-button.png\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-5391\" src=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/call-now-button.png\" alt=\"\" width=\"971\" height=\"352\" srcset=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/call-now-button.png 971w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/call-now-button-300x109.png 300w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/call-now-button-768x278.png 768w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/call-now-button-50x18.png 50w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/call-now-button-60x22.png 60w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/call-now-button-100x36.png 100w\" sizes=\"(max-width: 971px) 100vw, 971px\" \/><\/a><\/p>\n<p><strong>Non-AMP link in Header : <\/strong>Ones you enable this option when you click on text or logo non amp link will be show<\/p>\n<p><a href=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/non-amp-link.png\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-5394\" src=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/non-amp-link.png\" alt=\"\" width=\"967\" height=\"292\" srcset=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/non-amp-link.png 967w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/non-amp-link-300x91.png 300w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/non-amp-link-768x232.png 768w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/non-amp-link-50x15.png 50w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/non-amp-link-60x18.png 60w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/non-amp-link-100x30.png 100w\" sizes=\"(max-width: 967px) 100vw, 967px\" \/><\/a><\/p>\n<p><strong>Search : <\/strong>when you enable search option this search functionality will be show in header.\u00a0\u00a0<\/p>\n<p><a href=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/search.png\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-5395\" src=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/search.png\" alt=\"\" width=\"972\" height=\"304\" srcset=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/search.png 972w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/search-300x94.png 300w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/search-768x240.png 768w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/search-50x16.png 50w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/search-60x19.png 60w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/search-100x31.png 100w\" sizes=\"(max-width: 972px) 100vw, 972px\" \/><\/a><\/p>\n<p><strong>Sticky Header:<\/strong> The sticky header will fix the header in the top portion of your web page when a user scrolls the page. It will allow quick access to the menu from any part of the page.<\/p>\n<h3><a href=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/sticky-header.png\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-5399\" src=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/sticky-header.png\" alt=\"\" width=\"563\" height=\"294\" srcset=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/sticky-header.png 563w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/sticky-header-300x157.png 300w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/sticky-header-50x26.png 50w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/sticky-header-60x31.png 60w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/sticky-header-100x52.png 100w\" sizes=\"(max-width: 563px) 100vw, 563px\" \/><\/a><\/h3>\n<p><strong>Advanced Header Options :<\/strong><\/p>\n<p>If you want advance header design below the option are use. By using this option you\u00a0 can change the header width , header height and menu color etc. ones you done all setting click on save change button.<\/p>\n<p><a href=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/advance-header-option.png\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-5402\" src=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/advance-header-option.png\" alt=\"\" width=\"978\" height=\"620\" srcset=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/advance-header-option.png 978w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/advance-header-option-300x190.png 300w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/advance-header-option-768x487.png 768w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/advance-header-option-50x32.png 50w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/advance-header-option-60x38.png 60w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/advance-header-option-100x63.png 100w\" sizes=\"(max-width: 978px) 100vw, 978px\" \/><\/a><\/p>\n<h4>The output of Swift Theme:<\/h4>\n<p><a href=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/17.png\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-8192\" src=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/17.png\" alt=\"\" width=\"1349\" height=\"659\" srcset=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/17.png 1349w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/17-300x147.png 300w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/17-768x375.png 768w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/17-1024x500.png 1024w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/17-50x24.png 50w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/17-60x29.png 60w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/17-100x49.png 100w\" sizes=\"(max-width: 1349px) 100vw, 1349px\" \/><\/a><\/p>\n<h3><mark style=\"background-color: yellow;\"><span style=\"color: #000000;\">Setup of Design Three Theme<\/span><\/mark><\/h3>\n<p><strong><span style=\"color: #800000;\">1.<\/span><\/strong> First go to <strong>WordPress Admin Area<\/strong> -&gt; <strong>AMP option panel<\/strong> -&gt; <strong>Design<\/strong> -&gt; <strong>Themes<\/strong><\/p>\n<p><a href=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/2-2.png\"><img decoding=\"async\" loading=\"lazy\" class=\"size-full wp-image-8139 aligncenter\" src=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/2-2.png\" alt=\"\" width=\"398\" height=\"429\" srcset=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/2-2.png 398w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/2-2-278x300.png 278w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/2-2-46x50.png 46w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/2-2-56x60.png 56w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/2-2-93x100.png 93w\" sizes=\"(max-width: 398px) 100vw, 398px\" \/><\/a><\/p>\n<p><span style=\"color: #800000;\"><strong>2.<\/strong><\/span> Go to <strong>Design option<\/strong>\u00a0-&gt;\u00a0<strong>Themes<\/strong>\u00a0-&gt;\u00a0\u00a0<strong>Themes Selector<\/strong>\u00a0option. When you click on\u00a0\u00a0<strong>Themes Selector option<\/strong>\u00a0<strong>\u00a0<\/strong>list will be shown . select\u00a0 the <strong>Design Three<\/strong>\u00a0theme.<\/p>\n<h3><strong><a href=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/3-2.png\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-8143\" src=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/3-2.png\" alt=\"\" width=\"603\" height=\"252\" srcset=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/3-2.png 603w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/3-2-300x125.png 300w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/3-2-50x21.png 50w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/3-2-60x25.png 60w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/3-2-100x42.png 100w\" sizes=\"(max-width: 603px) 100vw, 603px\" \/><\/a><\/strong><\/h3>\n<p>\u00a0<\/p>\n<p><span style=\"color: #800000;\"><strong>3.<\/strong><\/span> Ones you select <strong>Design Three theme<\/strong>, this theme related option is shown in\u00a0<strong>Header<\/strong>. Go to\u00a0<strong>AMP option panel -&gt; Design -&gt; Header.<\/strong><\/p>\n<p><a href=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/10-5.png\"><img decoding=\"async\" loading=\"lazy\" class=\"size-full wp-image-15219 aligncenter\" src=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/10-5.png\" alt=\"\" width=\"388\" height=\"408\" srcset=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/10-5.png 388w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/10-5-285x300.png 285w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/10-5-48x50.png 48w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/10-5-57x60.png 57w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/10-5-95x100.png 95w\" sizes=\"(max-width: 388px) 100vw, 388px\" \/><\/a><\/p>\n<p><strong>Navigation Menu Design :\u00a0<\/strong><\/p>\n<p><a href=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/5-2.png\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-8149\" src=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/5-2.png\" alt=\"\" width=\"912\" height=\"155\" srcset=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/5-2.png 912w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/5-2-300x51.png 300w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/5-2-768x131.png 768w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/5-2-50x8.png 50w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/5-2-60x10.png 60w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/5-2-100x17.png 100w\" sizes=\"(max-width: 912px) 100vw, 912px\" \/><\/a><\/p>\n<p><strong>Navigation Menu: <\/strong>Once you enable this option in the header menu will be created in the left side.<\/p>\n<p><strong>Header Settings:<\/strong><\/p>\n<h3><strong><a href=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/6.png\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-8151\" src=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/6.png\" alt=\"\" width=\"906\" height=\"557\" srcset=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/6.png 906w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/6-300x184.png 300w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/6-768x472.png 768w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/6-50x31.png 50w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/6-60x37.png 60w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/6-100x61.png 100w\" sizes=\"(max-width: 906px) 100vw, 906px\" \/><\/a><\/strong><\/h3>\n<p><strong>Call Now Button: <\/strong>Once you enable this option call icon will be created in the Header section.<\/p>\n<p><strong>Non-AMP link in Header: <\/strong>Once you click on the header in the logo it will redirect to Non-AMP page.<\/p>\n<p><strong>Make Header UnSticky: <\/strong>Turning it ON will remove the sticky head from the design.<strong><br \/><\/strong><\/p>\n<p><strong>Search:<\/strong> If you enable this option search option will be displayed in the header section.<\/p>\n<p><strong>Header Background: <\/strong>In this option, you can select the background color for Header in design three.<\/p>\n<p><strong>Header Elements: <\/strong>In this option, you can select the text color for Header in design three.<\/p>\n<h5><strong>The output of the Design Three Theme:<\/strong><\/h5>\n<p><a href=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/7-1.png\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-8162\" src=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/7-1.png\" alt=\"\" width=\"1355\" height=\"646\" srcset=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/7-1.png 1355w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/7-1-300x143.png 300w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/7-1-768x366.png 768w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/7-1-1024x488.png 1024w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/7-1-50x24.png 50w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/7-1-60x29.png 60w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/7-1-100x48.png 100w\" sizes=\"(max-width: 1355px) 100vw, 1355px\" \/><\/a><\/p>\n<h3><mark style=\"background-color: yellow;\"><span style=\"color: #000000;\">Setup of Design Two Theme<\/span><\/mark><\/h3>\n<p><span style=\"color: #800000;\"><strong>1.<\/strong><\/span> First go to <strong>WordPress Admin Area<\/strong> -&gt; <strong>AMP option panel<\/strong> -&gt; <strong>Design<\/strong> -&gt; <strong>Themes<\/strong><\/p>\n<p><a href=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/2-2.png\"><img decoding=\"async\" loading=\"lazy\" class=\"size-full wp-image-8139 aligncenter\" src=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/2-2.png\" alt=\"\" width=\"398\" height=\"429\" srcset=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/2-2.png 398w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/2-2-278x300.png 278w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/2-2-46x50.png 46w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/2-2-56x60.png 56w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/2-2-93x100.png 93w\" sizes=\"(max-width: 398px) 100vw, 398px\" \/><\/a><\/p>\n<p><span style=\"color: #800000;\"><strong>2.<\/strong><\/span> Go to <strong>Design option<\/strong>\u00a0-&gt;\u00a0<strong>Themes<\/strong>\u00a0-&gt;\u00a0\u00a0<strong>Themes Selector<\/strong>\u00a0option. When you click on\u00a0\u00a0<strong>Themes Selector option<\/strong>\u00a0<strong>\u00a0<\/strong>list will be shown . select\u00a0 the <strong>Design Two<\/strong>\u00a0theme.<\/p>\n<h3><a href=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/8.png\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-8166\" src=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/8.png\" alt=\"\" width=\"550\" height=\"247\" srcset=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/8.png 550w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/8-300x135.png 300w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/8-50x22.png 50w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/8-60x27.png 60w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/8-100x45.png 100w\" sizes=\"(max-width: 550px) 100vw, 550px\" \/><\/a><\/h3>\n<p>\u00a0<\/p>\n<p><span style=\"color: #800000;\"><strong>3.<\/strong><\/span> Ones you select <strong>Design Two theme<\/strong>, this theme related option is shown in\u00a0<strong>Header<\/strong>. Go to\u00a0<strong>AMP option panel -&gt; Design -&gt; Header.<\/strong><\/p>\n<p><a href=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/10-5.png\"><img decoding=\"async\" loading=\"lazy\" class=\"size-full wp-image-15219 aligncenter\" src=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/10-5.png\" alt=\"\" width=\"388\" height=\"408\" srcset=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/10-5.png 388w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/10-5-285x300.png 285w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/10-5-48x50.png 48w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/10-5-57x60.png 57w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/10-5-95x100.png 95w\" sizes=\"(max-width: 388px) 100vw, 388px\" \/><\/a><\/p>\n<p><strong>Navigation Menu Design :\u00a0<\/strong><\/p>\n<p><a href=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/9.png\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-8168\" src=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/9.png\" alt=\"\" width=\"907\" height=\"161\" srcset=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/9.png 907w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/9-300x53.png 300w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/9-768x136.png 768w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/9-50x9.png 50w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/9-60x11.png 60w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/9-100x18.png 100w\" sizes=\"(max-width: 907px) 100vw, 907px\" \/><\/a><\/p>\n<p><strong>Navigation Menu:<\/strong> Once you enable this option in the header menu will be created on the right side.<\/p>\n<h4>The output of the Navigation Menu:<\/h4>\n<p><a href=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/10.png\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-8171\" src=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/10.png\" alt=\"\" width=\"1365\" height=\"659\" srcset=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/10.png 1365w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/10-300x145.png 300w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/10-768x371.png 768w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/10-1024x494.png 1024w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/10-50x24.png 50w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/10-60x29.png 60w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/10-100x48.png 100w\" sizes=\"(max-width: 1365px) 100vw, 1365px\" \/><\/a><\/p>\n<p><strong>Header Settings:<\/strong><\/p>\n<p><a href=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/12.png\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-8173\" src=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/12.png\" alt=\"\" width=\"907\" height=\"353\" srcset=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/12.png 907w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/12-300x117.png 300w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/12-768x299.png 768w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/12-50x19.png 50w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/12-60x23.png 60w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/12-100x39.png 100w\" sizes=\"(max-width: 907px) 100vw, 907px\" \/><\/a><\/p>\n<p><strong>Call Now Button: <\/strong>Once you enable this option call icon will be created in the Header section.<\/p>\n<p><strong>Non-AMP link in Header: <\/strong>Once you click on the header in the logo it will redirect to Non-AMP page.<\/p>\n<p><strong>Search:<\/strong> If you enable this option search option will be displayed in the header section.<\/p>\n<h4><strong>The output of Design Two Theme:<\/strong><\/h4>\n<p><a href=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/13.png\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-8177\" src=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/13.png\" alt=\"\" width=\"1353\" height=\"637\" srcset=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/13.png 1353w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/13-300x141.png 300w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/13-768x362.png 768w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/13-1024x482.png 1024w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/13-50x24.png 50w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/13-60x28.png 60w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/13-100x47.png 100w\" sizes=\"(max-width: 1353px) 100vw, 1353px\" \/><\/a><\/p>\n<h3><mark style=\"background-color: yellow;\"><span style=\"color: #000000;\">Setup of Design One Theme<\/span><\/mark><\/h3>\n<p><span style=\"color: #800000;\"><strong>1.<\/strong><\/span> First go to <strong>WordPress Admin Area<\/strong> -&gt; <strong>AMP option panel<\/strong> -&gt; <strong>Design<\/strong> -&gt; <strong>Themes<\/strong><\/p>\n<p><a href=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/2-2.png\"><img decoding=\"async\" loading=\"lazy\" class=\"size-full wp-image-8139 aligncenter\" src=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/2-2.png\" alt=\"\" width=\"398\" height=\"429\" srcset=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/2-2.png 398w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/2-2-278x300.png 278w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/2-2-46x50.png 46w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/2-2-56x60.png 56w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/2-2-93x100.png 93w\" sizes=\"(max-width: 398px) 100vw, 398px\" \/><\/a><\/p>\n<p><span style=\"color: #800000;\"><strong>2.<\/strong><\/span> Go to <strong>Design option<\/strong>\u00a0-&gt;\u00a0<strong>Themes<\/strong>\u00a0-&gt;\u00a0\u00a0<strong>Themes Selector<\/strong>\u00a0option. When you click on\u00a0\u00a0<strong>Themes Selector option<\/strong>\u00a0<strong>\u00a0<\/strong>list will be shown . select\u00a0 the <strong>Design One<\/strong>\u00a0theme.<\/p>\n<p><a href=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/14.png\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-8180\" src=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/14.png\" alt=\"\" width=\"541\" height=\"240\" srcset=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/14.png 541w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/14-300x133.png 300w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/14-50x22.png 50w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/14-60x27.png 60w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/14-100x44.png 100w\" sizes=\"(max-width: 541px) 100vw, 541px\" \/><\/a><\/p>\n<h3>\u00a0<\/h3>\n<p><span style=\"color: #800000;\"><strong>3.<\/strong> <\/span>Ones you select <strong>Design One theme<\/strong>, this theme related option is shown in\u00a0<strong>Header<\/strong>. Go to\u00a0<strong>AMP option panel -&gt; Design -&gt; Header.<\/strong><\/p>\n<p><a href=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/10-5.png\"><img decoding=\"async\" loading=\"lazy\" class=\"size-full wp-image-15219 aligncenter\" src=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/10-5.png\" alt=\"\" width=\"388\" height=\"408\" srcset=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/10-5.png 388w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/10-5-285x300.png 285w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/10-5-48x50.png 48w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/10-5-57x60.png 57w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/10-5-95x100.png 95w\" sizes=\"(max-width: 388px) 100vw, 388px\" \/><\/a><\/p>\n<p><strong>Navigation Menu Design :\u00a0<\/strong><\/p>\n<p><a href=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/9.png\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-8168\" src=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/9.png\" alt=\"\" width=\"907\" height=\"161\" srcset=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/9.png 907w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/9-300x53.png 300w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/9-768x136.png 768w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/9-50x9.png 50w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/9-60x11.png 60w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/9-100x18.png 100w\" sizes=\"(max-width: 907px) 100vw, 907px\" \/><\/a><\/p>\n<p><strong>Navigation Menu:<\/strong> Once you enable this option in the header menu will be created on the right side.<\/p>\n<h4>The output of the Navigation Menu:<\/h4>\n<p><a href=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/10-1.png\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-8182\" src=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/10-1.png\" alt=\"\" width=\"1365\" height=\"659\" srcset=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/10-1.png 1365w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/10-1-300x145.png 300w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/10-1-768x371.png 768w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/10-1-1024x494.png 1024w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/10-1-50x24.png 50w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/10-1-60x29.png 60w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/10-1-100x48.png 100w\" sizes=\"(max-width: 1365px) 100vw, 1365px\" \/><\/a><\/p>\n<p><strong>Header Settings:<\/strong><\/p>\n<p><a href=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/15.png\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-8184\" src=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/15.png\" alt=\"\" width=\"921\" height=\"194\" srcset=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/15.png 921w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/15-300x63.png 300w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/15-768x162.png 768w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/15-50x11.png 50w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/15-60x13.png 60w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/15-100x21.png 100w\" sizes=\"(max-width: 921px) 100vw, 921px\" \/><\/a><\/p>\n<p><strong>Non-AMP link in Header: <\/strong>Once you click on the header in the logo it will redirect to Non-AMP page.<\/p>\n<p><strong>Search:<\/strong> If you enable this option search option will be displayed in the header section.<\/p>\n<h4>The output of Design One Theme:<\/h4>\n<p><a href=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/16-2.png\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-8189\" src=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/16-2.png\" alt=\"\" width=\"1349\" height=\"672\" srcset=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/16-2.png 1349w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/16-2-300x149.png 300w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/16-2-768x383.png 768w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/16-2-1024x510.png 1024w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/16-2-50x25.png 50w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/16-2-60x30.png 60w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/16-2-100x50.png 100w\" sizes=\"(max-width: 1349px) 100vw, 1349px\" \/><\/a><\/p>\n<p><strong>That&#8217;s it for this tutorial!<\/strong><\/p>\n<p>We hope it helped you. If you have any feedback or questions, then please share them in the comments section below.<\/p>\n\n\n<p><\/p>\n<div id=\"div-1\" class=\"hkb-feedback\">\n\t\t\t<strong class=\"ht-mobile-exit__title\">Ask your Questions Directly!<\/strong><br>\n\t\t\t<div class=\"hkb_widget_exit__content\" style=\"font-size: 14px;\">If you can't find the solutions in this article, then just ask us in the comments and we will answer it for you!<\/div>\n\t\t\t<a href=\"https:\/\/ampforwp.com\/support\/#contact\" id=\"button\" target=\"_blank\" rel=\"noopener noreferrer\"><button>Yes, I have a Question<\/button><\/a>\n\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Steps to Create a Menu : You can create menus in WordPress by visiting\u00a0Appearance -&gt; Menus\u00a0in your WordPress admin area. \u00a0 3. Click on create a new menu.\u00a0 4. Provide a name for your menu in the Menu Name field and then click the Create Menu button. 6. Next, you&#8230;<\/p>\n","protected":false},"author":5,"comment_status":"open","ping_status":"closed","template":"","format":"standard","meta":[],"ht-kb-category":[85],"ht-kb-tag":[74,95],"_links":{"self":[{"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/ht-kb\/3832"}],"collection":[{"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/ht-kb"}],"about":[{"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/types\/ht_kb"}],"author":[{"embeddable":true,"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/comments?post=3832"}],"version-history":[{"count":126,"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/ht-kb\/3832\/revisions"}],"predecessor-version":[{"id":16489,"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/ht-kb\/3832\/revisions\/16489"}],"wp:attachment":[{"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/media?parent=3832"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/ht-kb-category?post=3832"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/ht-kb-tag?post=3832"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}