{"id":2253,"date":"2019-10-28T15:00:38","date_gmt":"2019-10-28T13:00:38","guid":{"rendered":"https:\/\/qodeinteractive.com\/magazine\/?p=2253"},"modified":"2020-08-02T02:12:47","modified_gmt":"2020-08-02T00:12:47","slug":"how-to-make-wordpress-sticky-menu","status":"publish","type":"post","link":"https:\/\/qodeinteractive.com\/magazine\/how-to-make-wordpress-sticky-menu\/","title":{"rendered":"How to Make a Sticky Menu in WordPress"},"content":{"rendered":"

[vc_row][vc_column][vc_column_text]Site navigation is one of those UX essentials that shape the way visitors feel about your website. Modern-day web users have absolutely no intention to waste their time on a website that fails to deliver the desired content quickly and with zero effort on the user side. The navigation menu is traditionally the first place where visitors go for orientation<\/strong>. If the menu is not properly designed and if the navigation does not run as smoothly and quickly as possible, visitors start leaving and the website starts dying a slow and painful internet death.[\/vc_column_text][vc_empty_space height=”28px”][vc_column_text]A sticky menu<\/strong> constitutes an important part of site navigation, as it \u201csticks\u201d with the users as they scroll, instead of staying at the top of the page, making sure the navigation is never out of reach. That\u2019s why we decided to dig deeper into the concept, go through the benefits and disadvantages of this feature and show you how to set it up using one of the available WordPress plugins.
\n[\/vc_column_text][vc_empty_space height=”28px”][vc_column_text]On the other hand, if you don\u2019t want to use a WordPress plugin, you should know that a majority of our premium WordPress themes<\/a> come with the sticky menu functionality. You can set it to appear across your site, or on individual pages, but we\u2019ll get to that in a bit.
\n[\/vc_column_text][vc_empty_space height=”68px”][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n

What Is a Sticky Menu<\/h2>\n

[\/vc_column_text][vc_column_text]First of all, let\u2019s explain what a sticky menu is and how it works. In most websites, the main navigation is located in the header, which is the topmost part of the page. Typically, elements on the page disappear (move up) as the user scrolls down. A sticky menu is a menu that stays (\u201csticks\u201d) at the top of the screen as the users scrolls the page<\/strong>. That way, if the user wants to reach something in the menu while mid-way down the page, he or she doesn\u2019t have to scroll all the way up to find the navigation, as it will be right there, at the top of the viewport.[\/vc_column_text][vc_empty_space height=”28px”][vc_column_text]The \u201cstickiness\u201d usually applies to the entire header<\/strong>, not just the menu. It involves other header items, such as social buttons, logo, the search bar and so on.[\/vc_column_text][vc_empty_space height=”68px”][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n

Sticky Menu Pros and Cons<\/h2>\n

[\/vc_column_text][vc_column_text]There doesn\u2019t seem to be a general consensus among UX designers whether sticky menus are good or bad for websites, as there are both strong cons and significant pros, so let\u2019s see what they are.[\/vc_column_text][vc_empty_space height=”28px”][vc_column_text]Pros:[\/vc_column_text][vc_empty_space height=”23px”]