{"id":2459,"date":"2020-10-09T20:44:57","date_gmt":"2020-10-10T03:44:57","guid":{"rendered":"https:\/\/www.ultimatewb.com\/blog\/?p=2459"},"modified":"2025-07-13T11:06:18","modified_gmt":"2025-07-13T18:06:18","slug":"how-do-i-make-my-page-header-fixed-while-scrolling","status":"publish","type":"post","link":"https:\/\/www.ultimatewb.com\/blog\/2459\/how-do-i-make-my-page-header-fixed-while-scrolling\/","title":{"rendered":"How do I make my page header fixed while scrolling?"},"content":{"rendered":"\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/www.ultimatewb.com\/blog\/wp-content\/uploads\/image-13.png\">    <picture>\n                <img src=\"https:\/\/www.ultimatewb.com\/blog\/wp-content\/uploads\/image-13.png\"\n             srcset=\"https:\/\/www.ultimatewb.com\/blog\/wp-content\/uploads\/image-13.png 447w, https:\/\/www.ultimatewb.com\/blog\/wp-content\/uploads\/image-13-300x201.png 300w\"             sizes=\"(max-width: 600px) 100vw, (max-width: 1200px) 75vw, 1200px\"\n             width=\"447\"\n             height=\"300\"\n             alt=\"image\"\n             loading=\"lazy\"             decoding=\"async\"\n             class=\"wp-image-7072\" >\n    <\/picture>\n    <\/a><\/figure>\n\n\n\n<p>Use the built-in \u201cTop Row\u201d feature in UltimateWB. This content type is designed to stay fixed at the top of the page as users scroll. Just go to <strong>List Pages &gt; Add Page<\/strong> or <strong>Edit Page<\/strong>, and choose <strong>Content Type: Top Row<\/strong>. You can customize the look and layout of this fixed header from your <strong>Styles Manager<\/strong> in the admin panel &#8211; no coding needed.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Why use a fixed header?<\/strong><\/h2>\n\n\n\n<p>A fixed (or \u201csticky\u201d) header helps improve navigation and user experience &#8211; especially on long pages. It keeps your logo, menu, or important buttons always accessible, which can reduce <a href=\"https:\/\/www.ultimatewb.com\/blog\/?s=bounce+rate\">bounce rate<\/a> and increase conversions.<\/p>\n\n\n\n<p><strong>Extra tip:<\/strong> You can even add a call-to-action button, shopping cart icon, or search bar to your Top Row to boost functionality.<\/p>\n\n\n\n<p>Related User Manual topic: <a href=\"https:\/\/www.ultimatewb.com\/content-management\/add-non-scrolling-top-row-with-menu-login\">Add Non-Scrolling Top Row with Menu, Login (or Footer Row)<\/a><\/p>\n\n\n\n<p><em>Got a techy\/website question? Whether it\u2019s about UltimateWB or another website builder, web hosting, or other aspects of websites, just send in your question in the&nbsp;<a href=\"https:\/\/www.ultimatewb.com\/ask-david\">\u201cAsk David!\u201d form<\/a>. We will email you when the answer is posted on the UltimateWB \u201cAsk David!\u201d section<\/em><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Use the built-in \u201cTop Row\u201d feature in UltimateWB. This content type is designed to stay fixed at the top of the page as users scroll. Just go to List Pages &gt; Add Page or Edit Page, and choose Content Type: &hellip; <a href=\"https:\/\/www.ultimatewb.com\/blog\/2459\/how-do-i-make-my-page-header-fixed-while-scrolling\/\">Continue reading <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1034],"tags":[2571,1638,1460,1714,2358,1461,1463,412,1462],"class_list":["post-2459","post","type-post","status-publish","format-standard","hentry","category-ask-david","tag-bounce-rate","tag-call-to-action","tag-fixed-header","tag-increase-conversions","tag-no-code","tag-non-scrolling-header","tag-non-scrolling-sections","tag-styles-manager","tag-top-row"],"_links":{"self":[{"href":"https:\/\/www.ultimatewb.com\/blog\/wp-json\/wp\/v2\/posts\/2459"}],"collection":[{"href":"https:\/\/www.ultimatewb.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.ultimatewb.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.ultimatewb.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.ultimatewb.com\/blog\/wp-json\/wp\/v2\/comments?post=2459"}],"version-history":[{"count":5,"href":"https:\/\/www.ultimatewb.com\/blog\/wp-json\/wp\/v2\/posts\/2459\/revisions"}],"predecessor-version":[{"id":7077,"href":"https:\/\/www.ultimatewb.com\/blog\/wp-json\/wp\/v2\/posts\/2459\/revisions\/7077"}],"wp:attachment":[{"href":"https:\/\/www.ultimatewb.com\/blog\/wp-json\/wp\/v2\/media?parent=2459"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.ultimatewb.com\/blog\/wp-json\/wp\/v2\/categories?post=2459"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.ultimatewb.com\/blog\/wp-json\/wp\/v2\/tags?post=2459"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}