Title: Fixed header menu when scrolling?
Last modified: September 1, 2016

---

# Fixed header menu when scrolling?

 *  Resolved [rondelica](https://wordpress.org/support/users/rondelica/)
 * (@rondelica)
 * [9 years, 9 months ago](https://wordpress.org/support/topic/fixed-header-menu-when-scrolling/)
 * Is there a way to get the header menu fixed on top when scrolling down end what
   do i need to change?

Viewing 9 replies - 1 through 9 (of 9 total)

 *  [jitendraamishra](https://wordpress.org/support/users/mishrajitu/)
 * (@mishrajitu)
 * [9 years, 9 months ago](https://wordpress.org/support/topic/fixed-header-menu-when-scrolling/#post-7611608)
 * Hello,
 * Can you please share link toy our site so that I can help you with some CSS for
   adjusting that?
 * Looking forward for your reply.
 * Thank you.
 *  Thread Starter [rondelica](https://wordpress.org/support/users/rondelica/)
 * (@rondelica)
 * [9 years, 9 months ago](https://wordpress.org/support/topic/fixed-header-menu-when-scrolling/#post-7611610)
 * [http://www.playliston.net/](http://www.playliston.net/)
 * Thanks for responding.
 *  [jitendraamishra](https://wordpress.org/support/users/mishrajitu/)
 * (@mishrajitu)
 * [9 years, 9 months ago](https://wordpress.org/support/topic/fixed-header-menu-when-scrolling/#post-7611647)
 * Add following CSS
 *     ```
       #masthead {
           position: fixed;
           top: 0;
           width: 100%;
           z-index: 9999;
       }
   
       #home-slider {
           margin-top: 47px;
       }
       ```
   
 *  Thread Starter [rondelica](https://wordpress.org/support/users/rondelica/)
 * (@rondelica)
 * [9 years, 9 months ago](https://wordpress.org/support/topic/fixed-header-menu-when-scrolling/#post-7611676)
 * Thank you very much!
 * It works 😀
 *  Thread Starter [rondelica](https://wordpress.org/support/users/rondelica/)
 * (@rondelica)
 * [9 years, 9 months ago](https://wordpress.org/support/topic/fixed-header-menu-when-scrolling/#post-7611678)
 * one small problem
 * the headline text on pages like [http://www.playliston.net/covers/](http://www.playliston.net/covers/)
   is a little bit to high. how do i correct that?
 * i like to get the text 15px lower if possible.
 * UPDATE:
 * Also when i login as a admin the top admin menu is hiding the website menu
 * Screenshot: [http://www.playliston.net/oeps.png](http://www.playliston.net/oeps.png)
 *  [jitendraamishra](https://wordpress.org/support/users/mishrajitu/)
 * (@mishrajitu)
 * [9 years, 9 months ago](https://wordpress.org/support/topic/fixed-header-menu-when-scrolling/#post-7611689)
 * Hello,
 * Try adding this CSS also for adjusting that:
 *     ```
       .site-main {
           margin-top: 45px;
       }
       .logged-in #masthead {
           margin-top: 30px !important;
       }
       .logged-in .site-main {
           margin-top: 75px;
       }
       ```
   
 * Hope that helps.
 * Thank you.
 *  Thread Starter [rondelica](https://wordpress.org/support/users/rondelica/)
 * (@rondelica)
 * [9 years, 9 months ago](https://wordpress.org/support/topic/fixed-header-menu-when-scrolling/#post-7611710)
 * Thanks again.
 * The final solution was
 *     ```
       .site-main {
           margin-top: 45px;
       }
       .logged-in #masthead {
           margin-top: 30px !important;
       }
       ```
   
 * the little code below. Was causing a white bar between the header and the slider
   after i was logged in, so i removed the whole line and everything works fine 
   now.
 *     ```
       .logged-in .site-main {
           margin-top: 75px;
       }
       ```
   
 *  [jitendraamishra](https://wordpress.org/support/users/mishrajitu/)
 * (@mishrajitu)
 * [9 years, 9 months ago](https://wordpress.org/support/topic/fixed-header-menu-when-scrolling/#post-7611713)
 * Glad to know that you got it working. please mark the thread as resolved.
 *  Thread Starter [rondelica](https://wordpress.org/support/users/rondelica/)
 * (@rondelica)
 * [9 years, 9 months ago](https://wordpress.org/support/topic/fixed-header-menu-when-scrolling/#post-7611721)
 * I will. Thanks for your support!

Viewing 9 replies - 1 through 9 (of 9 total)

The topic ‘Fixed header menu when scrolling?’ is closed to new replies.

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

 * 9 replies
 * 2 participants
 * Last reply from: [rondelica](https://wordpress.org/support/users/rondelica/)
 * Last activity: [9 years, 9 months ago](https://wordpress.org/support/topic/fixed-header-menu-when-scrolling/#post-7611721)
 * Status: resolved