Archived topic
Slideout Navigation,. GeneratePress Premium Version: 2.3
38 replies · Started by Nils on June 19, 2019
Great thanks!
The arrows are perfect now!
Remains the problem with the menu.
1. click on the arrow next to “What is RABBIT” to open the submenu.
2. Set a zoom of 110% or resize the window
3. and now scroll down/up.

That looks like the sticky navigation causing an issue. Does it go away if you temporarily disable that option?
this option is already disabled
The HTML of your site says it's still turned on. Can you double-check that it's set to "Off"?
that confuses me
That is odd. Is that on this website?: https://in-it-services.de/web/
Do you have any custom functions? If so, can you try disabling them to see if one of them is adding it?
The URL is correct, I use this Wordpress installation as a playground.
There are some plugins installed, I have disabled them individually but found no change.
Otherwise there are a few hooks but also deactivate brings no change.
I did not add any other functions.
Surely I have made a mistake somewhere but really the design is nothing special ..
We have a big time difference (in Germany it is now 19 o'clock), I have to make dinner now, bring the kids to bed and I'm back in about 2-3 hours.
Thank you for your time :-)
[edit]In the post I discussed some things with David about the menu
It could be that already here the problem arose ..
https://generatepress.com/forums/topic/menu-decoration-and-position-of-mobile-navigation/page/1/
Is the Mobile Header set to sticky?
That's it!
Now a problem is solved with that :-)
I have a new one for that;
What is the possibility to put the mobile menu back on sticky?
It's weird, I can't reproduce this on my end.
Try to reactivate sticky on mobile, then add this CSS:
.gen-sidebar-nav {
position: relative !important;
top: auto !important;
}
#sticky-placeholder.gen-sidebar-nav {
display: none !important;
}
Good Morning,
I remembered that I had difficulty bringing the mobile menu to the desired position.
So I put some html in the Topbar Widget;
<span class="slideout-toggle"><a><!-- slideout toggle --> </a></span>
If I take out my CSS customizations, it looks like this;

The problem may arise because the mobile menu is positioned between the two other menus.
How could I position this other?
I'm not sure I understand. That looks like your off canvas panel toggle button. Do you not want it to show up on desktop?
no, only in the mobile view
I had difficulty positioning the Hamburger icon in the Topbar and got the code from
https://generatepress.com/forums/topic/trigger-slideout-menu-with-secondary-button/
used.
This will display a second hamburger menu, the original (between the menus on the picture) I have hidden.
In the post David gave me some tips for hiding;
https://generatepress.com/forums/topic/menu-decoration-and-position-of-mobile-navigation/
The goal was to have only one Hamburger icon as a menu toogle center in the Topbar.
How about the right way for this?
If you only want it to show up on mobile, you need to set the option to "Mobile only" in Customize > Layout > Off Canvas Panel.
I'm not seeing it under the menu on the website currently.
I had originally done that: -?
Now I have the Off Canvas menu on
1. only mobile
and then the sticky menu too
only mobile posed and have no more presentation errors.
If I only set the Off Canvas menu on Mobile only, you can not click the Hamburger icon ..
I'm a bit confused because that was not the case with some of the other sites I created with GP.
Anyway, thanks for your support!