[Resolved] About vertical menus

[Jaakko Pöntinen]

Heya, Tom, Leo & others (Lol, used to be just “Hey, Tom”). Still doing things the GP way, been three years now. Ain’t nothing better. Using Elementor to buff up the plethoral building tasks, though.

Soooo uhh. I’d like to have the slideout navigation open all the time. I’m sure it’s a simple snippet. Please advise.

Thank you, all the best.

EDIT: Open all the time on desktop, that is.

– JP

Jaakko Pöntinen / Mainio Mooses sp.
WordPress / WooCommerce development

GeneratePress 2.2.2

GP Premium 1.7.7

[David]

Hi there,

does it need to be the slideout? ie. you still need the traditional Site Header.
As there are a couple of Sites in our Site Library that place the header vertically. Sider and Navigator are the two:

https://generatepress.com/site-library/

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Jaakko Pöntinen]

Heya, David. Thank you for the reply.

Don’t want to go through that route, negating nigh everything the templates do to get what I want. Why would I need the traditional side header?

To clarify; I don’t count navigation to be part of a header in any case unless it’s a widget or otherwise embedded in the header itself.

Cheers!

Jaakko Pöntinen / Mainio Mooses sp.
WordPress / WooCommerce development

[David]

You can try this for the left hand slide-out:

@media (min-width: 768px) {
    .offside,
    .offside--left {
        left: 0 !important;
    }

    body {
        margin-left: 265px;
    }

    .sf-menu>li.slideout-toggle {
        display: none;
    }
}

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Jaakko Pöntinen]

Heya!

Hmm, let me rephrase.

A) I want all devices to have the slideout menu.
B) I want it to be open all the time on desktop, toggleable on tab/mob
C) That’s it

Thank you!

Jaakko Pöntinen / Mainio Mooses sp.
WordPress / WooCommerce development

[David]

That CSS should do that, if the slideout nav is enabled for desktop and mobile on lefthand side then that CSS will push the slideout into view, offset the body so its not being covered by the slideout and hides the menu toggle. Let me know.

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Jaakko Pöntinen]

Hello,

Argh, I get so angry when people drop out of support forum threads. I did it this time, I’m sorry.

Your solution worked. Thank you! I con’t remember if there wasn’t some other dabbling to be done, but that propably related to other CSS modifications done not apparent in this conversation.

Cheers, David! Sorry again for the disappearance.

Jaakko Pöntinen / Mainio Mooses sp.
WordPress / WooCommerce development

[David]

You’re welcome.

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Mark]

Hi David,

Thanks for this solution. It’s kind of working for me, but not completely.

The toggle is still showing for me on the right side of the page and when I click it, it open another slide out menu.

And also, I’d like to get the slideout to begin below the primary navigation. is that possible? Currently it’s sitting over the admin bar and begining too high on the page.

Here’s an example of the site: http://kb.myscreen.com.au/

[Mark]

Hi David,

So I sorted out the issue with the toggle still show.

I just had to change this line:

 .sf-menu>li.slideout-toggle {
        display: none;
    }

to this:

    .sf-menu>li.slideout-toggle.menu-item-align-right {
        display: none;
    }

All that’s left for me to do now is to try and get the slide out menu to begin under the primary navigation.

[Tom]

Hey Mark,

Is the slideout nav enabled on your site? I can’t see it.

Let me know 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Mark]

Hi Tom,

Yes, the menu items are hidden though for not logged in users.

I’ll put a login menu there temporarily so you can see it.

[Mark]

Hi Tom,

I might start a new topic for this with some specific questions I’m trying to solve.

[Author]

Posts