How to Make Your Navbar Scroll Down on a Blogger

By default, the navigation bar on your Blogger website disappears when you scroll down on the page. This navigation menu includes important features such as a search field and a share button. You can keep this bar visible at all times using Cascading Style Sheets, or CSS. Use the tools in your Blogger account to add the CSS that will keep your navigation bar in a fixed position.

1. Log in to your Blogger account.


2. Click the "Template" link on the page that opens, then click the "Edit HTML" link in the menu that appears beneath the main tabs. This displays the text box that contains your blog's code.


3. Find the "#navbar" or "#navbar-iframe" style rule in the CSS code at the top. Position your cursor between the curly brackets.


4. Type "position: fixed;" to specify you want the navigation bar to scroll down with the rest of the page. To illustrate:



#navbar-iframe { position: fixed; }



5. Click the "Preview" button to test out your page. When ready, click the "Save Template" button to publish your work.

To quickly find the code you want, simultaneously press the "Ctrl" and "F" keys and enter the content in the text field that displays. Press the "Enter" key to highlight the text.