[Resolved] slideout menu breakpoint

[drew]

Is there a snippet to adjust the breakpoint when the mobile only” nav menu kicks in? Specifically, I’d like it to appear at the 1024px media query instead of 768px.

On a realted question, is there a way to search the fantastically useful snippet library at github? I can’t find a way to limit searches to only Tom’s snippets 🙂

[Leo]

Hi there,

Here it is: https://gist.github.com/generatepress/282078076cd8631c17717d5b8640c043

This is an option in the plan 🙂

They should all be here: https://gist.github.com/generatepress

[drew]

Perfect and many thanks!

And when I use the search at the top of https://gist.github.com/generatepress, I can’t find a way to limit it to just GP’s snippets. Is there a way to do that?

[Leo]

huh good point. I’m not sure actually.

Try Googling or ask GitHub 🙂

[drew]

Google is a dead end so far but I’ll reach out to to GitHub directly, many thanks 🙂

[Leo]

Let me know if you hear back. Haven’t had to do that yet but I’m sure it will come in handy 🙂

[drew]

will do and yes, keyword searching the snippets would be great, I already get a ton of use out of them

[Leo]

I usually do question + generatepress on Google. It will generally lead to the topic I’m looking for with the gist link in it.

This way I won’t miss the solutions that are not in gist 🙂

[drew]

sorry, one small issue on followup; the dropdown mobile menu shows onat 1024px width (768px width is fine and shows slideout only): https://www.screencast.com/t/cZkGCkKbT

[Leo]

Not sure what you mean?

Looks like it’s all slideout navigation after around 1200px?

[drew]

Sorry, I posted this on the other support thread #MyBad – but here’s some additional info:

The media query was set to 1204 instead of 1024.

However, after making the in that screencap, both the slide out menu and the mobile menu that drops down from the hamburger menu icon are present when it should just be the slideout menu (I thought).

Here’s a screencast showing the issue better (and flipping to portrait layout to demonstrate the issue isn’t present there).

Does that help?

[Leo]

Is there supposed to be a link to the screenshot?

You can upload to a site like this if it helps: https://postimages.org/

[drew]

Sorry, must have been filtered out in the copy/paste. Here’s the screencast: https://www.screencast.com/t/7siSByVYXMSI

[Tom]

Give this a shot:

.slide-opened .main-navigation:not(.slideout-navigation) .menu {
    display: none;
}

[drew]

That did the tick, many thanks!

[Author]

Posts