Archived topic
Change Mobile Breakpoint for Main Navigation
5 replies · Started by Richard Bland on September 16, 2015
Morning Tom,
Is there any way within the framework to change the mobile breakpoint for the main menu. This clients menu is a bit too long and needs to break into mobile view a bit sooner.
Cheers
Hi Richard. Here is a related post that gives some background on this question.
Check out this code: https://gist.github.com/generatepress/c23aef2d05807c39bb32
It allows you to set the width at which the mobile menu CSS kicks in :)
This code works great...but is there any chance to have it force the logo centered? I tried adding this...
.fluid-header .inside-header, .header-widget, .site-info {
text-align: center;
}...but the hamburger menu / search icon don't move down and are placed on top of each other.
Ah..nevermind!
Found the answer...add the following to the code linked above:
.header-aligned-left .site-header
Glad you got it working :)
