Archived topic
New breakpoint for mobile menu
5 replies · Started by Sebastian on February 16, 2017
Hi,
how can I set a new breakpoint for my menu switching into mobile menu (hamburger menu)?
The actual breakpoint is the standard at 768px. I need the switch at 880px.
Site is http://disun.codable.de/.
Thanks for your help.
Sebastian
Hi Sebastian,
This post might help: https://generatepress.com/forums/topic/enable-mobile-header-at-custom-width/
The code is a little different depending on if you are using mobile header or not but both solutions are in the post linked above.
Let me know if it works out.
Hey Leo,
thanks. That code works: https://gist.github.com/generatepress/c23aef2d05807c39bb32
Now, I need another quick tip: How can I center the logo at 880px, too?
Sebastian
Try this CSS:
@media (max-width: 880px) {
.site-header .inside-header {
text-align: center;
}
}
Let me know.
Perfect Leo!
Thank you for quick solution.
Sebastian
You're welcome :)