Title: Fixed Top Bar
Last modified: August 21, 2016

---

# Fixed Top Bar

 *  [LeeSoJin](https://wordpress.org/support/users/leesojin/)
 * (@leesojin)
 * [12 years, 4 months ago](https://wordpress.org/support/topic/fixed-top-bar/)
 * I would like to make the top-bar fixed to top. It’s not as simple as changing
   the position value. Please advise. Thank you

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

 *  [batharoy](https://wordpress.org/support/users/batharoy/)
 * (@batharoy)
 * [12 years, 4 months ago](https://wordpress.org/support/topic/fixed-top-bar/#post-4514798)
 * Try this
 *     ```
       #top-bar {
           position: fixed;
           width: 81%;
           z-index: 20;
       }
       ```
   
 *  [esmi](https://wordpress.org/support/users/esmi/)
 * (@esmi)
 * [12 years, 4 months ago](https://wordpress.org/support/topic/fixed-top-bar/#post-4514805)
 * Do not edit the theme itself. First [create a child theme for your changes](http://codex.wordpress.org/Child_Themes).
   Or install a [custom CSS plugin](http://wordpress.org/extend/plugins/search.php?q=custom+css).
 *  Thread Starter [LeeSoJin](https://wordpress.org/support/users/leesojin/)
 * (@leesojin)
 * [12 years, 4 months ago](https://wordpress.org/support/topic/fixed-top-bar/#post-4514809)
 * Thank you so much for the quick lesson.
 *  Thread Starter [LeeSoJin](https://wordpress.org/support/users/leesojin/)
 * (@leesojin)
 * [12 years, 4 months ago](https://wordpress.org/support/topic/fixed-top-bar/#post-4514935)
 * Implemented the change in child theme. Top Bar functions correctly, but the header
   sits right below it now. The top bar covers the top portion of the header and
   site logo.
 * Do I add padding to the CSS? I do not know which section to add position adjustments
   to. Please teach. Thank you.
 *  [batharoy](https://wordpress.org/support/users/batharoy/)
 * (@batharoy)
 * [12 years, 4 months ago](https://wordpress.org/support/topic/fixed-top-bar/#post-4514936)
 * Try this, adjust the number to what you need.
 *     ```
       .site-header .header-main {
           margin-top: 1.5rem;
       }
       ```
   
 *  Thread Starter [LeeSoJin](https://wordpress.org/support/users/leesojin/)
 * (@leesojin)
 * [12 years, 4 months ago](https://wordpress.org/support/topic/fixed-top-bar/#post-4514937)
 * Applied to the code. It created the margin, but also applied to the top bar.
 *  [batharoy](https://wordpress.org/support/users/batharoy/)
 * (@batharoy)
 * [12 years, 4 months ago](https://wordpress.org/support/topic/fixed-top-bar/#post-4514943)
 * Disregard that code, try this instead.
 *     ```
       .site-title {
           margin-top: 24px;
       }
       ```
   
 *  Thread Starter [LeeSoJin](https://wordpress.org/support/users/leesojin/)
 * (@leesojin)
 * [12 years, 4 months ago](https://wordpress.org/support/topic/fixed-top-bar/#post-4514947)
 * Just tried that. Also tried adding margin-top to different elements, but the 
   same results keep happening. I am suspect there is positioning element that is
   relative to the top bar or the masthead. Thanks for helping. I am learning a 
   lot.

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

The topic ‘Fixed Top Bar’ is closed to new replies.

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

 * 8 replies
 * 3 participants
 * Last reply from: [LeeSoJin](https://wordpress.org/support/users/leesojin/)
 * Last activity: [12 years, 4 months ago](https://wordpress.org/support/topic/fixed-top-bar/#post-4514947)
 * Status: not resolved