[Resolved] Enable Mobile Header at Custom Width

[Brian Harvey]

I am Trying to get the header on libertyhomebuyers.com to go into the mobile header at 1024 instead of 768 and I haven’t seen anywhere that you have specifically mentioned how to do that yet.

My client doesn’t like the menu going under the header image. So I either need the menu to shrink in font point size instead of going underneath the image or just simply enable the hamburger icon at the point that it starts to make the menu on a separate line.

Thanks for your help.

[Leo]

Hi Brian,

Can you give this a shot?
https://generatepress.com/forums/topic/change-mobile-breakpoint-for-main-navigation/#post-137283

Let me know.

[Brian Harvey]

I did… It turns the menu into a hamburger icon but does not put it on the same line as the header image.

There is just a hamburger icon in the middle of the header that is centered and on a line below the image.

I want the same effect as the mobile header where the menu is off to the right and is on the same line.

[Leo]

ahh. Try this instead: https://generatepress.com/forums/topic/breakppoints-with-responsive/#post-248416

[Brian Harvey]

Putting both the first and second set of code together seems to have worked without creating any issues.

Neither one worked perfectly separately for whatever reason.

Thanks for your help.

[Leo]

Glad it’s working for now.

Thanks for reporting back. I’ll ask Tom to have a look at the code 🙂

[Author]

Posts