{"id":99611,"date":"2016-12-28T12:52:09","date_gmt":"2016-12-28T12:52:09","guid":{"rendered":"https:\/\/www.megamenu.com\/?post_type=ht_kb&#038;p=99611"},"modified":"2016-12-28T12:52:09","modified_gmt":"2016-12-28T12:52:09","slug":"flyout-menu-direction","status":"publish","type":"ht_kb","link":"https:\/\/www.megamenu.com\/documentation\/flyout-menu-direction\/","title":{"rendered":"How to change the direction of Flyout Menus"},"content":{"rendered":"<p>By default, &#8220;flyout&#8221; sub menus are aligned to the left edge of the parent item, and expand\u00a0to the right of the screen:<\/p>\n<p><a href=\"https:\/\/www.megamenu.com\/wp-content\/uploads\/2016\/12\/flyout-left.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-99613\" src=\"https:\/\/www.megamenu.com\/wp-content\/uploads\/2016\/12\/flyout-left.png\" alt=\"\" width=\"2106\" height=\"814\" srcset=\"https:\/\/www.megamenu.com\/wp-content\/uploads\/2016\/12\/flyout-left.png 2106w, https:\/\/www.megamenu.com\/wp-content\/uploads\/2016\/12\/flyout-left-300x116.png 300w, https:\/\/www.megamenu.com\/wp-content\/uploads\/2016\/12\/flyout-left-768x297.png 768w, https:\/\/www.megamenu.com\/wp-content\/uploads\/2016\/12\/flyout-left-1024x396.png 1024w, https:\/\/www.megamenu.com\/wp-content\/uploads\/2016\/12\/flyout-left-50x19.png 50w\" sizes=\"auto, (max-width: 2106px) 100vw, 2106px\" \/><\/a><\/p>\n<p>To change the direction of the sub menu, go to <em>Appearance &gt; Menus<\/em> and hover over the parent item of the sub menu (in our case it is the &#8220;FLYOUT&#8221; menu item) and click the blue Mega Menu button:<\/p>\n<p><a href=\"https:\/\/www.megamenu.com\/wp-content\/uploads\/2016\/12\/flyout-sub-menu-align.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-99614\" src=\"https:\/\/www.megamenu.com\/wp-content\/uploads\/2016\/12\/flyout-sub-menu-align.png\" alt=\"\" width=\"2112\" height=\"1166\" srcset=\"https:\/\/www.megamenu.com\/wp-content\/uploads\/2016\/12\/flyout-sub-menu-align.png 2112w, https:\/\/www.megamenu.com\/wp-content\/uploads\/2016\/12\/flyout-sub-menu-align-300x166.png 300w, https:\/\/www.megamenu.com\/wp-content\/uploads\/2016\/12\/flyout-sub-menu-align-768x424.png 768w, https:\/\/www.megamenu.com\/wp-content\/uploads\/2016\/12\/flyout-sub-menu-align-1024x565.png 1024w, https:\/\/www.megamenu.com\/wp-content\/uploads\/2016\/12\/flyout-sub-menu-align-50x28.png 50w\" sizes=\"auto, (max-width: 2112px) 100vw, 2112px\" \/><\/a><\/p>\n<p>Change the &#8220;Sub Menu Align&#8221; option to &#8220;Right edge of Parent&#8221;. The flyout menu will now expand to the left of the screen:<\/p>\n<p><a href=\"https:\/\/www.megamenu.com\/wp-content\/uploads\/2016\/12\/flyout-right.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-99615\" src=\"https:\/\/www.megamenu.com\/wp-content\/uploads\/2016\/12\/flyout-right.png\" alt=\"\" width=\"2094\" height=\"802\" srcset=\"https:\/\/www.megamenu.com\/wp-content\/uploads\/2016\/12\/flyout-right.png 2094w, https:\/\/www.megamenu.com\/wp-content\/uploads\/2016\/12\/flyout-right-300x115.png 300w, https:\/\/www.megamenu.com\/wp-content\/uploads\/2016\/12\/flyout-right-768x294.png 768w, https:\/\/www.megamenu.com\/wp-content\/uploads\/2016\/12\/flyout-right-1024x392.png 1024w, https:\/\/www.megamenu.com\/wp-content\/uploads\/2016\/12\/flyout-right-50x19.png 50w\" sizes=\"auto, (max-width: 2094px) 100vw, 2094px\" \/><\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>By default, &#8220;flyout&#8221; sub menus are aligned to the left edge of the parent item, and expand\u00a0to the right of the screen: To change the direction of the sub menu, go to Appearance &gt; Menus and hover over the parent item of the sub menu (in our case it is&#8230;<\/p>\n","protected":false},"author":1,"comment_status":"open","ping_status":"closed","template":"","format":"standard","meta":{"_uag_custom_page_level_css":"","footnotes":""},"ht-kb-category":[14],"ht-kb-tag":[],"class_list":["post-99611","ht_kb","type-ht_kb","status-publish","format-standard","hentry","ht_kb_category-faqs"],"uagb_featured_image_src":[],"uagb_author_info":{"display_name":"Tom Hemsley","author_link":"https:\/\/www.megamenu.com\/author\/megamenu\/"},"uagb_comment_info":0,"uagb_excerpt":"By default, &#8220;flyout&#8221; sub menus are aligned to the left edge of the parent item, and expand\u00a0to the right of the screen: To change the direction of the sub menu, go to Appearance &gt; Menus and hover over the parent item of the sub menu (in our case it is...","_links":{"self":[{"href":"https:\/\/www.megamenu.com\/wp-json\/wp\/v2\/ht-kb\/99611","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.megamenu.com\/wp-json\/wp\/v2\/ht-kb"}],"about":[{"href":"https:\/\/www.megamenu.com\/wp-json\/wp\/v2\/types\/ht_kb"}],"author":[{"embeddable":true,"href":"https:\/\/www.megamenu.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.megamenu.com\/wp-json\/wp\/v2\/comments?post=99611"}],"version-history":[{"count":1,"href":"https:\/\/www.megamenu.com\/wp-json\/wp\/v2\/ht-kb\/99611\/revisions"}],"predecessor-version":[{"id":99616,"href":"https:\/\/www.megamenu.com\/wp-json\/wp\/v2\/ht-kb\/99611\/revisions\/99616"}],"wp:attachment":[{"href":"https:\/\/www.megamenu.com\/wp-json\/wp\/v2\/media?parent=99611"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/www.megamenu.com\/wp-json\/wp\/v2\/ht-kb-category?post=99611"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/www.megamenu.com\/wp-json\/wp\/v2\/ht-kb-tag?post=99611"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}