Title: Sticky Header on Android device
Last modified: August 21, 2016

---

# Sticky Header on Android device

 *  [Great Ottawa](https://wordpress.org/support/users/great-ottawa/)
 * (@great-ottawa)
 * [12 years, 6 months ago](https://wordpress.org/support/topic/sticky-header-on-android-device/)
 * Hi,
    I used snippet of sticky header on the forum. I works well on PC. But it
   hides the top part of the page content. Is there any way to un-stick header on
   mobile device? Thanks,

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

 *  [tomaja](https://wordpress.org/support/users/tomaja/)
 * (@tomaja)
 * [12 years, 6 months ago](https://wordpress.org/support/topic/sticky-header-on-android-device/#post-4302745)
 * You need to wrap your “sticky” css code in [@media](https://wordpress.org/support/users/media/)
   query, e.g.
 *     ```
       @media all and (min-width:768px) {
       /* <your css goes here> */
       }
       ```
   
 * Also see this snippet for [clarification](http://www.themesandco.com/snippet/media-queries-responsiveness/)
 *  Thread Starter [Great Ottawa](https://wordpress.org/support/users/great-ottawa/)
 * (@great-ottawa)
 * [12 years, 6 months ago](https://wordpress.org/support/topic/sticky-header-on-android-device/#post-4302795)
 * Thank tomaja.
    I did: [@media](https://wordpress.org/support/users/media/) all
   and (min-width:768px) { .tc-header { position: fixed; top: 0; background-color:#
   fff; z-index: 100; width: 100%; } } The problem keeps the same as the top part
   is still hidden.
 *  [tomaja](https://wordpress.org/support/users/tomaja/)
 * (@tomaja)
 * [12 years, 6 months ago](https://wordpress.org/support/topic/sticky-header-on-android-device/#post-4302812)
 * Actually, it works. I just tested the code with Android mobile phone and with
   viewport resizer in normal desktop browser, header is fixed only for 768px wide
   screens and larger.
    It must be something else in your custom code that make 
   that part of the site hidden. Can you share a link to your site ?
 *  Thread Starter [Great Ottawa](https://wordpress.org/support/users/great-ottawa/)
 * (@great-ottawa)
 * [12 years, 6 months ago](https://wordpress.org/support/topic/sticky-header-on-android-device/#post-4302850)
 * [@tomaja](https://wordpress.org/support/users/tomaja/), here you are lochuynh.
   com.
    I’m building it locally and just up yesterday for a test. In fact, there
   are 2 issues: 1. The top part of slider images (1200×500) is hidden behind the
   header when shrinking the browser. It’s nicely showed only with full screen browser
   or browser width bigger than 1200px 2. More top part of the page is hidden when
   the NavBar goes down under the logo upon shrinking the browser. Thanks.
 *  [tomaja](https://wordpress.org/support/users/tomaja/)
 * (@tomaja)
 * [12 years, 6 months ago](https://wordpress.org/support/topic/sticky-header-on-android-device/#post-4302855)
 * Try to add _overflow_ option, like
 *     ```
       .tc-header {
           background-color: #FFFFFF;
           position: fixed;
           top: 0;
           width: 100%;
           z-index: 100;
           overflow: hidden;
       }
       ```
   
 * Be aware that mobile browsers are not fully compatible with web standards.
 *  Thread Starter [Great Ottawa](https://wordpress.org/support/users/great-ottawa/)
 * (@great-ottawa)
 * [12 years, 6 months ago](https://wordpress.org/support/topic/sticky-header-on-android-device/#post-4302870)
 * [@tomaja](https://wordpress.org/support/users/tomaja/): the header is no more
   sticky with your overflow option
 *  Thread Starter [Great Ottawa](https://wordpress.org/support/users/great-ottawa/)
 * (@great-ottawa)
 * [12 years, 6 months ago](https://wordpress.org/support/topic/sticky-header-on-android-device/#post-4302871)
 * [@tomaja](https://wordpress.org/support/users/tomaja/): it works now. Thanks 
   for that.
 *  Thread Starter [Great Ottawa](https://wordpress.org/support/users/great-ottawa/)
 * (@great-ottawa)
 * [12 years, 6 months ago](https://wordpress.org/support/topic/sticky-header-on-android-device/#post-4302872)
 * [@tomaja](https://wordpress.org/support/users/tomaja/): it doesn’t work any more.
   Quite bizarre. Any other value for overflow option?

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

The topic ‘Sticky Header on Android device’ is closed to new replies.

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

 * 8 replies
 * 2 participants
 * Last reply from: [Great Ottawa](https://wordpress.org/support/users/great-ottawa/)
 * Last activity: [12 years, 6 months ago](https://wordpress.org/support/topic/sticky-header-on-android-device/#post-4302872)
 * Status: not resolved