- This topic has 5 replies, 2 voices, and was last updated 2 years, 6 months ago by .
- The topic ‘Hamburger menu on homepage not working Genesis Agency Pro’ is closed to new replies.
These forums are for general discussion on WordPress and Genesis. Official support for StudioPress themes is offered exclusively at My StudioPress. Responses in this forum are not guaranteed. Please note that this forum will require a new username, separate from the one used for My.StudioPress.
On my site at https://solohacks-academy.com/ the hamburger menu appears on top in mobile (but not on tablet) and it clicks and shows menu on all pages and posts except my home page.
Also, when the hamburger menu works on the other posts and page (non-homepage) the menu items do not show in the nav bar black area and spill down vertically so the items are not visible.
Could anyone who understands coding please see what I need to do and help me? It's a bit URGENT!https://solohacks-academy.com
The menu isn't working on the home page because the home-middle widget area is overlapping the header. In other words, the home-middle widget area is sitting on top of the header. The menu is underneath it. When you try to click on the menu, you are actually clicking in the home-middle area.
To fix this, you have to adjust the position of the home-middle widget area in CSS.
Thank you ... I did as you said and the problem got solved.
I have given #media queries for mobile and tablet and increased the margin between home-middle and menu. Now the hamburger menu is clickable.
But still one problem persists. The menu items are displaying vertically down into the background space (in mobile) and in tablet there is no hamburger menu and the menu items show ... but some last menu items are below the black header and falling over the background image.
Is there a way for the hamburger menu to show on both tablet and mobile and to have the menu items show up within the black nav area horizontally perhaps instead of vertically down into the body of the page where the words are not visible against the background?
Thanks for your help.
Hi Victor Font: I read an article of yours and changed the location of my menu from nav-header to primary nav and now the laptop and mobile versions and grand. The only remaining problem I have is that I want the hamburger menu on the tablet also - instead the whole menu is displaying and badly. Please help if you see this message.
I solved this issue myself. Thanks.
Sorry, I still am not able to get the hamburger icon in the tablet version. I want the hamburger menu on the tablet also - instead the whole menu is displaying and badly. Please help if you see this message.
© 2022 WPEngine, Inc.