Mega menu

Hi Ivan,

for a simple mega menu:

https://docs.generatepress.com/article/building-simple-mega-menu/

Can't really recommend one, but a lot of people mention UberMenu and Max Mega Menu, although i have seen a few problems with the latter one.

Hi there, thank you. I'd like to achieve something similar to this that I've built using another theme: see here

This was made using another theme, but I still would prefer keep using GeneratePress because I love it. Also similar to this: see also this

Let me know. thanks!!

It's probably best suited to a mega menu plugin.
But it does doable with CSS, if you have a site with the menus setup then we can take a look.

Alright, thanks! I'll try and see if I can achieve what I'm looking for.

since its related to this post i am adding on, is there anyway to set the mega menu to only do 2 columns of links instead of full width?

Thanks
John

Can you link me to the page in question?

Feel free to open a new topic so you can use the private URL field as well.

Thanks :)

Hi, can you provide css to change font size, text color, background color, hover color for child items and grandchild items.

Hi there,

can you raise a new topic, where you can share a link to your site then i can take a look at the CSS that will work with your layout.

Hi David, I have the same question as edmis1

I would like to change the size of the text, and the height of the submenu that is inside the Megamenu, without affecting the rest of the menu (which is not megamenu)

you can see my website here:

https://backup.serbitek.com/

Thank you!!!

Hi there,

Edmis1 never followed up with a new topic.... can you start a new topic where i can reply directly to you.

I have already solved it !!

Thank you

Glad to hear that!

Hello,

I am having a technical problem with Generatepress mega menu.

In my main bar I want to create a menu item with a custom link and then a dropdown menu below it. So nothing should happen if I click on that custom link...

But something happens anyway... When I go to the menu item to the right of it, the mega menu stays in the background...

How can I possibly solve this because now it's really not nice...

See my website topnewestgadgets.com

Best regards,

Hi Peter,

Try this CSS:

.main-navigation:not(.toggled) ul li.sfHover>ul {
    left: -9999px !important;
}
.main-navigation:not(.toggled) ul li.sfHover >a {
    background-color:#000000 !important;
    color: #ffffff !important;
}
.main-navigation:not(.toggled) ul li.sfHover:hover>ul {
    left: 0 !important;
}
.main-navigation:not(.toggled) ul li.sfHover:hover >a {
    background-color:#ffdd00 !important;
    color: black !important;
}