Title: Floating Nav?
Last modified: June 2, 2019

---

# Floating Nav?

 *  [bowend3c](https://wordpress.org/support/users/bowend3c/)
 * (@bowend3c)
 * [7 years, 2 months ago](https://wordpress.org/support/topic/floating-nav/)
 * Hi! I’m hoping to do some custom CSS to allow
 * `header-nav`
    to float in a fixed position as the user scrolls. That way the 
   navigation is always available regardless of where you are on the page.
 * I tried
 *     ```
       header-nav {
       	position: fixed;
       }
       ```
   
 * and a few other combinations, but I was unsuccessful. Any suggestions?

Viewing 1 replies (of 1 total)

 *  Thread Starter [bowend3c](https://wordpress.org/support/users/bowend3c/)
 * (@bowend3c)
 * [7 years, 2 months ago](https://wordpress.org/support/topic/floating-nav/#post-11596914)
 * Follow up:
 * I was able to get the menu itself to float using the following:
 *     ```
       #header-navs-container {
         display: none;
         background-color: var(--color-bg-alt);
         padding: 5px;
         z-index: 100;
         position: fixed;
       }
       ```
   
 * However, can’t get the `header-nav-toggle` to do the same. It’s still fixed at
   the top of the page when you scroll.

Viewing 1 replies (of 1 total)

The topic ‘Floating Nav?’ is closed to new replies.

 * ![](https://i0.wp.com/themes.svn.wordpress.org/fell/2.0.1/screenshot.png)
 * Fell
 * [Support Threads](https://wordpress.org/support/theme/fell/)
 * [Active Topics](https://wordpress.org/support/theme/fell/active/)
 * [Unresolved Topics](https://wordpress.org/support/theme/fell/unresolved/)
 * [Reviews](https://wordpress.org/support/theme/fell/reviews/)

## Tags

 * [fixed](https://wordpress.org/support/topic-tag/fixed/)
 * [floating](https://wordpress.org/support/topic-tag/floating/)
 * [navigation](https://wordpress.org/support/topic-tag/navigation/)

 * 1 reply
 * 1 participant
 * Last reply from: [bowend3c](https://wordpress.org/support/users/bowend3c/)
 * Last activity: [7 years, 2 months ago](https://wordpress.org/support/topic/floating-nav/#post-11596914)
 * Status: not resolved