{"id":7689,"date":"2014-07-25T15:27:31","date_gmt":"2014-07-25T22:27:31","guid":{"rendered":"http:\/\/www.yola.com\/blog\/?p=7689"},"modified":"2014-07-25T17:53:37","modified_gmt":"2014-07-26T00:53:37","slug":"5-minute-website-fixes-clean-up-your-website-navigation-with-flyover-menus","status":"publish","type":"post","link":"https:\/\/www.yola.com\/blog\/5-minute-website-fixes-clean-up-your-website-navigation-with-flyover-menus\/","title":{"rendered":"5-minute website fixes: Clean up your website navigation with flyover menus"},"content":{"rendered":"<p>When you think of what makes a successful website, what comes to mind? Strong visuals, functional Online Store and great content, right? When you land on a stunning website, you don&#8217;t generally think, &#8220;Wow, that website navigation bar is impeccable!&#8221; do you?<\/p>\n<p>That being said, if you land on a business website with a navigation taking a good portion of their homepage, &#8220;What a mess!&#8221; may come to mind.<\/p>\n<p>You see, website navigation is a funny thing. It isn&#8217;t given it&#8217;s due credit when it&#8217;s good, but it definitely get&#8217;s the raw end of the deal when it&#8217;s bad. When it comes to building a professional website, although it may be seemingly low on the totem pole, <a title=\"Which way is buy? How to plan your website navigation\" href=\"https:\/\/www.yola.com\/blog\/which-way-is-buy-how-to-plan-your-website-navigation\/\" target=\"_blank\">great navigation is key<\/a>.<\/p>\n<p>Today, we&#8217;re going to give you the key details in cleaning up your website navigation in just a few easy step. The star of today&#8217;s show will be <em>flyover menus<\/em>.<\/p>\n<p><img loading=\"lazy\" class=\"aligncenter size-full wp-image-7691\" src=\"https:\/\/www.yola.com\/blog\/wp-content\/uploads\/2014\/07\/Cleaning-up-your-site-navigation.jpg\" alt=\"Cleaning up your site navigation\" width=\"500\" height=\"221\" \/><\/p>\n<p>To kick us off, let&#8217;s talk a little bit about what your website navigation should include. A professional website&#8217;s navigation bar will be limited to only the pages most important to <em>every<\/em> site visitor. This includes (but is not limited to) your:<\/p>\n<ul>\n<li>Homepage<\/li>\n<li>Contact page<\/li>\n<li>Locations<\/li>\n<li>Features\/Services page<\/li>\n<li>About us page<\/li>\n<li>Frequently ask questions page<\/li>\n<li>Online Store<\/li>\n<li>Gallery<\/li>\n<\/ul>\n<p>Think of these pages as categories, and the rest of your pages as subcategories. For example, if you have a physical business with multiple locations, it may be necessary to give each of the stores their own pages, but it&#8217;s not necessary to put them all in your top level navigation. This is where flyover menus come in.<\/p>\n<p>While in Yola Sitebuilder, hop into the &#8220;Page&#8221; tab and click &#8220;Navigation.&#8221;<\/p>\n<p><img loading=\"lazy\" class=\"aligncenter size-full wp-image-7694\" src=\"https:\/\/www.yola.com\/blog\/wp-content\/uploads\/2014\/07\/Editing-site-navigation-with-Yola1.jpg\" alt=\"Editing site navigation with Yola\" width=\"600\" height=\"150\" \/><\/p>\n<p>Once in your Page Manager, drag and drop your subcategories below your main category.<\/p>\n<p><img loading=\"lazy\" class=\"aligncenter size-full wp-image-7695\" src=\"https:\/\/www.yola.com\/blog\/wp-content\/uploads\/2014\/07\/Changing-the-positioning-of-your-Site-Navigation.png\" alt=\"Changing the positioning of your Site Navigation\" width=\"500\" height=\"291\" \/><\/p>\n<p>Once your subcategories are below your main categories, click the green arrow, to turn them into flyover menus.<\/p>\n<p><img loading=\"lazy\" class=\"aligncenter  wp-image-7696\" src=\"https:\/\/www.yola.com\/blog\/wp-content\/uploads\/2014\/07\/Creating-flyover-menus-with-Yola.jpeg\" alt=\"Creating flyover menus with Yola\" width=\"531\" height=\"78\" \/><\/p>\n<p>Voila! You&#8217;ve created a flyover menu, and you&#8217;ve cleaned up your website navigation.<\/p>\n<p><img loading=\"lazy\" class=\"aligncenter size-full wp-image-7698\" src=\"https:\/\/www.yola.com\/blog\/wp-content\/uploads\/2014\/07\/Cleaned-up-navigation-menu.png\" alt=\"Cleaned up navigation menu\" width=\"550\" height=\"184\" \/><\/p>\n<p><img loading=\"lazy\" class=\"aligncenter size-full wp-image-7697\" src=\"https:\/\/www.yola.com\/blog\/wp-content\/uploads\/2014\/07\/Yola-Flyover-menus.png\" alt=\"Yola Flyover menus\" width=\"550\" height=\"186\" \/><\/p>\n<p>Have any fixes you&#8217;d like featured? Let us know in the comments below!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Website navigation can make or break any business website. Find out how to clean yours up in this 5-minute website fix.<\/p>\n","protected":false},"author":456,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"neve_meta_sidebar":"","neve_meta_container":"","neve_meta_enable_content_width":"","neve_meta_content_width":0,"neve_meta_title_alignment":"","neve_meta_author_avatar":"","neve_post_elements_order":"","neve_meta_disable_header":"","neve_meta_disable_footer":"","neve_meta_disable_title":"","neve_meta_reading_time":"","_themeisle_gutenberg_block_has_review":false},"categories":[130],"tags":[782,855,853],"_links":{"self":[{"href":"https:\/\/www.yola.com\/blog\/wp-json\/wp\/v2\/posts\/7689"}],"collection":[{"href":"https:\/\/www.yola.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.yola.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.yola.com\/blog\/wp-json\/wp\/v2\/users\/456"}],"replies":[{"embeddable":true,"href":"https:\/\/www.yola.com\/blog\/wp-json\/wp\/v2\/comments?post=7689"}],"version-history":[{"count":2,"href":"https:\/\/www.yola.com\/blog\/wp-json\/wp\/v2\/posts\/7689\/revisions"}],"predecessor-version":[{"id":7700,"href":"https:\/\/www.yola.com\/blog\/wp-json\/wp\/v2\/posts\/7689\/revisions\/7700"}],"wp:attachment":[{"href":"https:\/\/www.yola.com\/blog\/wp-json\/wp\/v2\/media?parent=7689"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.yola.com\/blog\/wp-json\/wp\/v2\/categories?post=7689"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.yola.com\/blog\/wp-json\/wp\/v2\/tags?post=7689"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}