About vertical menus

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/

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!

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

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!

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.

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.

You're welcome.

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/

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.

Hey Mark,

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

Let me know :)

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.

Hi Tom,

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