Title: Offset for mobile devices
Last modified: August 22, 2016

---

# Offset for mobile devices

 *  [klmnweb](https://wordpress.org/support/users/klmnweb/)
 * (@klmnweb)
 * [11 years, 5 months ago](https://wordpress.org/support/topic/offset-for-mobile-devices/)
 * Hi,
 * Is it possible to have an offset for mobile devices as well? I want to make the
   menu visible rather quickly on a mobile devices than on desktop. For desktop 
   I have set 500 but for small devices, I wish to set it like 200 (scroll).. Possible?
 * Thanks
 * [https://wordpress.org/plugins/mystickymenu/](https://wordpress.org/plugins/mystickymenu/)

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

 *  [newbie-newbie](https://wordpress.org/support/users/newbie-newbie/)
 * (@newbie-newbie)
 * [11 years, 5 months ago](https://wordpress.org/support/topic/offset-for-mobile-devices/#post-5526382)
 * Hello,
 * Mystickymenu plugin is successfully installed. A positive thing.
 * Now I need to know two(2) things:
 * 1) Where to place the html exactly within WP? Please see html below:
    2) Why 
   is the code split for .myfixed css class?
 * If you need more clarification on what I am doing, please refer to website:
    
   [http://premium.wpmudev.org/blog/how-to-add-a-new-yorker-style-header-to-your-wordpress-site/](http://premium.wpmudev.org/blog/how-to-add-a-new-yorker-style-header-to-your-wordpress-site/)
 * Thank you very much.
    newbie-newbie
 * Below is my html I have been recommended to use by Chris Knowles in reference
   to question 1:
 * <header id=”masthead” class=”site-header” role=”banner”>
    <div class=”site-branding”
   > <h1 class=”site-title”>[My Sticky Menu](http://www.test.dev/)</h1> <h2 class
   =”site-description”>And I Don’t Even Live In New York. Yet.</h2> </div> <nav 
   id=”site-navigation” class=”main-navigation” role=”navigation”> <h1 class=”menu-
   toggle”>Menu</h1> [Skip to content](https://wordpress.org/support/topic/offset-for-mobile-devices/?output_format=md#content)
   <div class=”menu-mobile-main-container”> <ul id=”menu-mobile-main” class=”menu”
   > <li id=”menu-item-1351″ class=”menu-item menu-item-type-post_type menu-item-
   object-page menu-item-1351″>[Sample Page](http://www.test.dev/sample-page/) <
   li id=”menu-item-1352″ class=”menu-item menu-item-type-post_type menu-item-object-
   page menu-item-1352″>[About](http://www.test.dev/about/) <li id=”menu-item-1353″
   class=”menu-item menu-item-type-post_type menu-item-object-page menu-item-1353″
   >[Blog](http://www.test.dev/blog/)
 *  </div>
    </nav><!– #site-navigation –> </header>
 * /*
    And below is code in reference to question 2 for “myfixed css class.” */
 * /* make site title font smaller */
    .myfixed .site-title a { font-size: 1.25rem;}
 * /* hide site description */
    .myfixed .site-description { display: none; }
 * /* add shadow border */
    .wrapfixed { -webkit-box-shadow: 0 8px 6px -6px rgba(
   68,68,68,0.6); -moz-box-shadow: 0 8px 6px -6px rgba(68,68,68,0.6); box-shadow:
   0 8px 6px -6px rgba(68,68,68,0.6); }
 * /* remove excess padding */
    .myfixed .site-branding { padding-top: 0px; padding-
   bottom: 0px; }
 * /* here the code splits for .myfixed css class…I have no idea??
    */
 * <div id=”mysticky-wrap” style=””>
    <div id=”mysticky-nav” class=””> <header id
   =”masthead” class=”site-header” role=”banner” style=””>…</header> </div> </div
   >
 *  [damiroquai](https://wordpress.org/support/users/damiroquai/)
 * (@damiroquai)
 * [11 years, 5 months ago](https://wordpress.org/support/topic/offset-for-mobile-devices/#post-5526397)
 * 1. myStickymenu does not require any html, but if you wanna customize your menu
   and make it using html than try to put it in header.php in your theme folder
   
   2. there are two divs, this is normal, nothing splits.

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

The topic ‘Offset for mobile devices’ is closed to new replies.

 * ![](https://ps.w.org/mystickymenu/assets/icon-256x256.gif?rev=2935479)
 * [My Sticky Bar - Floating Notification Bar & Sticky Header (formerly myStickymenu)](https://wordpress.org/plugins/mystickymenu/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/mystickymenu/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/mystickymenu/)
 * [Active Topics](https://wordpress.org/support/plugin/mystickymenu/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/mystickymenu/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/mystickymenu/reviews/)

## Tags

 * [mobile](https://wordpress.org/support/topic-tag/mobile/)
 * [offset](https://wordpress.org/support/topic-tag/offset/)

 * 2 replies
 * 3 participants
 * Last reply from: [damiroquai](https://wordpress.org/support/users/damiroquai/)
 * Last activity: [11 years, 5 months ago](https://wordpress.org/support/topic/offset-for-mobile-devices/#post-5526397)
 * Status: not resolved