[Resolved] Slideout Navigation,. GeneratePress Premium Version: 2.3

[Nils]

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.

[Tom]

That looks like the sticky navigation causing an issue. Does it go away if you temporarily disable that option?

[Nils]

this option is already disabled

[Tom]

The HTML of your site says it’s still turned on. Can you double-check that it’s set to “Off”?

[Nils]

that confuses me

[Tom]

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?

[Nils]

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/

[Tom]

Is the Mobile Header set to sticky?

[Nils]

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?

[Tom]

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;
}

[Nils]

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?

[Tom]

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?

[Nils]

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?

[Tom]

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.

[Nils]

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!

[Author]

Posts