Mobile submenu sticky

  • Resolved nen3i

    (@nen3i)


    9 years, 4 months ago

    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/

    thank you very much

    • This topic was modified 9 years, 4 months ago by nen3i.
Viewing 3 replies - 1 through 3 (of 3 total)
  • Senff – a11n

    (@senff)

    9 years, 4 months ago

    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.ww.wp.xz.cn/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, 4 months ago by Senff - a11n.
    Thread Starter nen3i

    (@nen3i)

    9 years, 4 months ago

    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

    (@senff)

    9 years, 4 months ago

    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.