- This topic has 16 replies, 3 voices, and was last updated 6 years, 4 months ago by Tom.
-
AuthorPosts
-
November 22, 2017 at 8:40 am #430770fredyms
Hello, I read about a known problem with the mega menu and the sliding menu in the mobile version.
I need to know if there are any solutions to solve this problem.
I tried mega-menu CSS, as you suggest, but it didn’t work.
November 22, 2017 at 11:05 am #430872LeoStaffCustomer SupportHi there,
Sorry what’s the problem?
The site you link isn’t working.
Let me know 🙂
November 23, 2017 at 7:12 am #431586fredymsThe problem is that the slide menu does not work in the mobile version when you use a mega-menu plugin.
please try this link, the web is up and running. http://leontolstoi.covicanarias.es/
November 23, 2017 at 8:18 am #431657LeoStaffCustomer SupportHmm you’d have to ask Mega Menu plugin author how to turn off their feature for mobile so that GP’s option will show up again.
November 23, 2017 at 8:50 am #431686fredymsI’ve read that you’re going to include mega menu in the theme, you know if it’ll be soon.
I also saw the mega-menu CSS solution in the forum, but it didn’t work properly.
Any suggestion, thanks.
November 23, 2017 at 9:38 am #431739TomLead DeveloperLead DeveloperWe likely won’t add it to the theme itself, but you can find the latest working CSS here: https://docs.generatepress.com/article/building-simple-mega-menu/
November 24, 2017 at 1:27 am #432216fredymsI have retry this workaround and finally got it to work well.
The only problem I notice is the position of the menu in the mobile version, it appears under the logo.There is some way to place it to the left of logo.
November 24, 2017 at 1:31 am #432224fredymsI have set the menu but when scrolling down, the mega-menu does not work very well covers the entire screen.
you can check it by scrolling down and pressing the “leon tolstoi” menu.
November 24, 2017 at 9:23 am #432835TomLead DeveloperLead DeveloperTry using your navigation as the header: https://docs.generatepress.com/article/navigation-logo/#navigation-as-header
November 25, 2017 at 8:56 am #433872fredymsHi, thank you.
you can take a look, I’ve made the suggested changes and it doesn’t look bad.
But showing the mega-menu covers the entire screen when scrolling down.
I have also had to raise the height of the menu items a lot in order to be able to see the logo at a correct size.please check out the web.
November 25, 2017 at 5:21 pm #434239TomLead DeveloperLead DeveloperThe mega menu will go as wide as the inner navigation container will allow it.
That’s why it wasn’t full width when the menu was floating to the right, as the menu was only as well as the items within it.
You could try reducing the width with this:
nav .main-nav .mega-menu > ul { max-width: 80%; right: 0; left: auto; }
November 28, 2017 at 10:51 am #437166fredymsHi,
I have applied your suggestions and it seems that the problem is solved.There are a couple of details that I want to tell you about, it is the sliding menu in the desktop version the secondary navigation the colors of the menu looks like selected, I don’t know how to change it,
and on the other hand the RSS icons in the drop-down menu are displayed vertically instead of in a row.Thank you in advance for your help.
November 28, 2017 at 3:28 pm #437367TomLead DeveloperLead DeveloperUsually your logo would be much smaller, but you could try this CSS:
.main-navigation .main-nav ul li a { line-height: 60px; margin-top: 25px; }
December 1, 2017 at 11:26 am #439670fredymsHello. Hi,
You can see the result of the changes made, there are a couple of details I don’t like.
In the mobile version the header is not centered and the menu is very low, please help me correct this.Thank you in advance for your help.
December 1, 2017 at 12:22 pm #439700LeoStaffCustomer SupportHave you tried the mobile header feature? https://docs.generatepress.com/article/mobile-header/
Or that’s not what you wanted?
-
AuthorPosts
- You must be logged in to reply to this topic.