Title: Header bar cut
Last modified: August 24, 2016

---

# Header bar cut

 *  Resolved [f rox](https://wordpress.org/support/users/fabrizioriente/)
 * (@fabrizioriente)
 * [11 years ago](https://wordpress.org/support/topic/header-bar-cut/)
 * Hello,
    I’m a user of Area theme. I have problems with the header bar in all 
   my pages where I inserted a slideshow. In particular, when I scroll down in a
   page with a slideshow, the header bar do not stay in from of the images but stay
   back. In this way it is impossibile for user to click on the other webpages. 
   On the contrary, the header bar stay in from of the pictures in the home page.
   I you want to understand better what I mean, I will suggest to visit my website“
   [http://bbsolan.it&#8221](http://bbsolan.it&#8221);. I hope that someone can 
   help me, because this become a very big problem in mobile devices.
 * Thanks in advance.

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

 *  [gaintsev](https://wordpress.org/support/users/gaintsev/)
 * (@gaintsev)
 * [11 years ago](https://wordpress.org/support/topic/header-bar-cut/#post-6124483)
 * Hi!
    You need to increase ‘z-index’ value for header bar. For example add this
   code to your ‘style.css’:
 *     ```
       .site-branding {
           z-index: 101;
       }
       ```
   
 * Thus, the slideshow will be located under header bar. [See more](http://www.w3schools.com/cssref/pr_pos_z-index.asp).
 *  Thread Starter [f rox](https://wordpress.org/support/users/fabrizioriente/)
 * (@fabrizioriente)
 * [11 years ago](https://wordpress.org/support/topic/header-bar-cut/#post-6124546)
 * Hello,
    thanks for your relay. I tried your suggestion but it didn’t solve the
   problem. The header bar, always disappears below the slideshow when I scroll 
   down my webpages. 🙁
 *  [gaintsev](https://wordpress.org/support/users/gaintsev/)
 * (@gaintsev)
 * [11 years ago](https://wordpress.org/support/topic/header-bar-cut/#post-6124547)
 * Are you sure you add the code? When I look at the source code of your site I 
   do not see this code.
 *  Thread Starter [f rox](https://wordpress.org/support/users/fabrizioriente/)
 * (@fabrizioriente)
 * [11 years ago](https://wordpress.org/support/topic/header-bar-cut/#post-6124548)
 * Sorry, I removed it after testing. Now I put it again.
 *  [gaintsev](https://wordpress.org/support/users/gaintsev/)
 * (@gaintsev)
 * [11 years ago](https://wordpress.org/support/topic/header-bar-cut/#post-6124550)
 * This is strange. I still do not see the code.
 *  Thread Starter [f rox](https://wordpress.org/support/users/fabrizioriente/)
 * (@fabrizioriente)
 * [11 years ago](https://wordpress.org/support/topic/header-bar-cut/#post-6124552)
 * I don’t know why but inserting the code “theme->editor” didn’t work. Now I installed“
   custom css” plugin and the code seems working.
 *  [gaintsev](https://wordpress.org/support/users/gaintsev/)
 * (@gaintsev)
 * [11 years ago](https://wordpress.org/support/topic/header-bar-cut/#post-6124556)
 * Good. Maybe it’s the cache on the server. )
 *  Thread Starter [f rox](https://wordpress.org/support/users/fabrizioriente/)
 * (@fabrizioriente)
 * [11 years ago](https://wordpress.org/support/topic/header-bar-cut/#post-6124558)
 * Thanks a lot! This solution I think is better, otherwise during the future theme
   updates the css file will be overwritten.

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

The topic ‘Header bar cut’ is closed to new replies.

 * ![](https://i0.wp.com/themes.svn.wordpress.org/ares/2.1.0/screenshot.jpg)
 * Ares
 * [Support Threads](https://wordpress.org/support/theme/ares/)
 * [Active Topics](https://wordpress.org/support/theme/ares/active/)
 * [Unresolved Topics](https://wordpress.org/support/theme/ares/unresolved/)
 * [Reviews](https://wordpress.org/support/theme/ares/reviews/)

 * 8 replies
 * 2 participants
 * Last reply from: [f rox](https://wordpress.org/support/users/fabrizioriente/)
 * Last activity: [11 years ago](https://wordpress.org/support/topic/header-bar-cut/#post-6124558)
 * Status: resolved