- This topic has 11 replies, 2 voices, and was last updated 2 months, 3 weeks ago by Leo.
June 23, 2020 at 7:24 am #1338746Tony
First off, thanks for providing a great support forum. I’m brand new to GP, however have been creating child themes for Genesis Framework for years. I figured Gutenberg and the block era was the perfect time to try something new. So far, so good…until it comes time to wrapping my head around the various switches and toggles that interconnect the layout, header, and menus, especially when bringing mobile into play.
What I’m shooting for is a logo and mobile menu that vertically stacks, rather than positions horizontally. I can CSS it into what I want via Chrome’s DevTools, but can’t get it to function for production. In production, the closes I get is the hamburger hiding behind the logo.
This is going to fall under 100% user error until I get my proverbial sea legs, but I’d also love to avoid pulling any more hair out, so any insight you could provide would be great. In looking through the support archives, I’ve found some similar fixes, but they don’t seem to work for the Java child. Thanks for any assistance!
I’ve created a directory login for you:
P: press2020June 23, 2020 at 9:27 am #1339051LeoStaffCustomer Support
Can you try disabling the mobile header option and just the normal header?
Then it should be stacked by default.
Let me know 🙂June 23, 2020 at 10:16 am #1339121Tony
That goes get me closer. I can adjust nav menu item spacing and font sizes from there, so that it doesn’t overrun the content. At a quick glance, the menu items go horizontal and run off the screen, so I can dig into that, as well.June 23, 2020 at 11:08 am #1339195LeoStaffCustomer SupportJuly 1, 2020 at 8:10 am #1348401Tony
My apologies for the delay, Leo. A family thing popped up and I got pulled away.
Dove back in today and the subdomain I sent you is now staging2 instead of staging1.
I’ve turned off the mobile header, although everything is stacking and the menu runs off the screen.
And the mobile hamburger menu icon is still showing, so I’m guessing there’s a switch somewhere to disable that (at least one that’s not related to turning off the mobile header).July 1, 2020 at 9:20 am #1348505LeoStaffCustomer SupportJuly 1, 2020 at 11:01 am #1348645Tony
Updated, Leo. You may get hit with a second challenge after a partial load. It’s just the same credentials.July 1, 2020 at 11:34 am #1348675LeoStaffCustomer Support
That’s super strange.
Can you temporarily comment out the custom CSS in Additional CSS and let me have a cleaner look?
Also did you change the mobile menu breakpoint?
https://docs.generatepress.com/article/mobile-navigation/#using-gp-premiumJuly 1, 2020 at 12:17 pm #1348717Tony
I killed the custom code. That also takes out the CSS for the centered logo (via your tutorial), but that’s evident by the menu item of “Menu Item Separator”.
I think if I use the off-canvas menu, that will make things easier. And then figuring out why the header is duplicating the hero image and I should be set. Theoretically… 🙂July 1, 2020 at 3:51 pm #1348842LeoStaffCustomer Support
Sorry I kind of lost track of the issue.
I remember that the menu wasn’t switching to the toggle on mobile.
Was it caused by this CSS here?
https://docs.generatepress.com/article/centering-logo-navigation/July 1, 2020 at 4:00 pm #1348845Tony
“Sorry I kind of lost track of the issue.”
Ha! That’s two of us. I think we both did that as I get my bearings with the various, interrelated locations/switches for changes (layout, menu, header, etc).
Let’s go ahead and close this out and I’ll open a fresh support thread if I can’t dig my way out. Much appreciated, Leo. CheersJuly 1, 2020 at 4:06 pm #1348849
- You must be logged in to reply to this topic.