Title: Mobile submenu sticky
Last modified: January 18, 2017

---

# Mobile submenu sticky

 *  Resolved [nen3i](https://wordpress.org/support/users/nen3i/)
 * (@nen3i)
 * [9 years, 5 months ago](https://wordpress.org/support/topic/mobile-submenu-sticky/)
 * Hi,
 * this a great great plugin, it helped me a lot, i was looking for something to
   make my menu sticky and the i found your plugin wich heleped me a lot/
 * but still i have a problem and i can’t seem to find an answer for it.
 * my mobile submenu is not sticky, if i go down the page and press the menu button,
   it appears but it appears up not at the point that i’m clicking it.
 * how do i make my mobile menu be sticky aswell ?
 * i have tried adding .navigation, .navigation-mobile but it doesn’t work.
 * and also i have a problem with an arrow from the theme, it keeps showing through
   the menu. for this i have added the following code in the css editor but nothing
   changed
 * .cloned {
    opacity: 0; }
 * my site is [http://utilinstal96.ro/](http://utilinstal96.ro/)
 * thank you very much
    -  This topic was modified 9 years, 5 months ago by [nen3i](https://wordpress.org/support/users/nen3i/).

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

 *  [Senff – a11n](https://wordpress.org/support/users/senff/)
 * (@senff)
 * [9 years, 5 months ago](https://wordpress.org/support/topic/mobile-submenu-sticky/#post-8674058)
 * Hi, thanks for trying my plugin!
 * It’s an interesting problem! The main menu is sticky alright, but the submenu
   is in a different DIV altogether (I’ve rarely seen this). So this is what you
   have, basically:
 *     ```
       <div class="header"> .............. </div>
       <div class="navigation"> ........... </div>  <-- the one you made sticky
       <div class="mobile-navigation"> .... </div>
       <div class="wrapper"> .............. </div>
       ```
   
 * The only way to make this work for both elements, is to add a DIV around the 
   navigation, and the mobile navigation, like this:
 *     ```
       <div class="header"> ........ </div>
       <div class="menu-wrapper">       <-- the one you should made sticky
            <div class="navigation"> ........... </div>  
            <div class="mobile-navigation"> .... </div>
       </div>
       <div class="wrapper"> ..... </div>
       ```
   
 * To do that, you will have to override your header code by using a child theme(
   with your current theme Baskerville as the parent theme) and then edit **header.
   php**.
 * For more information on child theming, see here: [https://codex.wordpress.org/Child_Themes](https://codex.wordpress.org/Child_Themes)
 * Let me know if you need more help with this.
 * For the issue you’re having with the arrow, you can fix this by setting a value
   for the Z-index in my plugin settings. Set it to 12 or higher and you should 
   be all set.
    -  This reply was modified 9 years, 5 months ago by [Senff - a11n](https://wordpress.org/support/users/senff/).
 *  Thread Starter [nen3i](https://wordpress.org/support/users/nen3i/)
 * (@nen3i)
 * [9 years, 5 months ago](https://wordpress.org/support/topic/mobile-submenu-sticky/#post-8674746)
 * thank you very much for your answers.
 * i have made the arrow dissapear with the z-index.
 * now i want the mobile menu not to be sticky, and deleted the .navigation-mobile
   selector, but nothing changed, it’s still sticky. but i will get ahead of this.
 * thank you for your great work
 *  [Senff – a11n](https://wordpress.org/support/users/senff/)
 * (@senff)
 * [9 years, 5 months ago](https://wordpress.org/support/topic/mobile-submenu-sticky/#post-8675574)
 * The menu is still sticky on mobile, because the element “.navigation” is being
   used both by desktop and mobile.
 * I would suggest that you go into the settings of the plugin, and set the value
   for “_Do not stick element when screen smaller than_” to **1000**. That way, 
   nothing will stick for screens smaller than 1000 pixels wide.

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

The topic ‘Mobile submenu sticky’ is closed to new replies.

 * ![](https://ps.w.org/sticky-menu-or-anything-on-scroll/assets/icon-256x256.gif?
   rev=2564941)
 * [Sticky Menu & Sticky Header](https://wordpress.org/plugins/sticky-menu-or-anything-on-scroll/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/sticky-menu-or-anything-on-scroll/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/sticky-menu-or-anything-on-scroll/)
 * [Active Topics](https://wordpress.org/support/plugin/sticky-menu-or-anything-on-scroll/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/sticky-menu-or-anything-on-scroll/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/sticky-menu-or-anything-on-scroll/reviews/)

 * 3 replies
 * 2 participants
 * Last reply from: [Senff – a11n](https://wordpress.org/support/users/senff/)
 * Last activity: [9 years, 5 months ago](https://wordpress.org/support/topic/mobile-submenu-sticky/#post-8675574)
 * Status: resolved