-
purevelvetdesign
Is it possible to use the mega-menu without the sub-headlines?
https://docs.generatepress.com/article/building-simple-mega-menu/ -
You should be able to hide them using CSS.
can you link me to your site?
-
purevelvetdesign
I think I could solve this by CSS 🙂
Do you know how the reduce the container so that’s similiar?
I also set not Shop Page in WooCommerce > Products > Shop Page > [empty] but it still shows the Shop Page there?Best regards
André -
purevelvetdesign
Ah and how to hide these entries in Canvas menu on mobile?
Is there a solution?Best regards
-
Do you know how the reduce the container so that’s similiar?
Looks like you’ve reduced the height already, have you figured it out?
Ah and how to hide these entries in Canvas menu on mobile?
Which entries? And I didn’t see mega menu on the desktop, did you disable it or it’s still cached?
https://app.screencast.com/WHsSCLUKhRDnN -
purevelvetdesign
Hi Ying,
it’s the width or padding not the height. Do have an idea that it is consisent to the other containers?
Actually I remove the MegaMenu because you have these titles then also in the Canvas Menu and can’t hide them.Best regards
André -
I can no longer see your site, it times out during loading.
Can you check?
And please enable the mega menu so I can work on it.
-
purevelvetdesign
Hi,
should be online. It is on my end.
Best regards
André -
I’m still not seeing the mega menu:
https://app.screencast.com/DOB50XQEXfBv3 -
purevelvetdesign
I removed the MegaMenu because in the OffCanvar Menu it’ is not possible to not have the Sub Headlines. Or is there a way?
Can you please have a look regarding the consistend container width I don’t get it.Best regards
André -
Hi there,
in addition to the Mega Menu CSS, you would add:
.main-navigation:not(.is_stuck) .inside-navigation { position: static; } .inside-header { position: relative; }
-
purevelvetdesign
Hi David,
Thank you very much. I will try out.
Could you also have a look to consistent container width I mentioned here or should I start a new ticket?
Screenshot is in “private info”.Thanks.
Best regards
André -
Sorry i may have completely mis read the issue.
The CSS i provided above would make it so the Mega Menu spans the width of the site header when its static or sticky.Was that an issue ?
-
purevelvetdesign
Hi David,
no problem, I maybe mixed up here two topics 🙂
1.My origin question regarding MegaMenu was if it possible to hide the Sub-Headline and to only have to menu entries maybe 4-5 in a Column withouh Sub-Menu Headline.
2.My second request was regarding the different container width issue I have regarding WordPress and WooCommerce container as you can see in the screenshot in the “private” area.
-
Ah ok, so to save me from getting confused ( its easily done lol ). Could you raise a separate topic for the container widths question.
And if i understand correctly, on the menus if you just want the sub menu in say 4 columns without adding more parent / chid items then try this CSS:
.main-navigation .mega-menu { position: static; } .main-navigation .mega-menu .sub-menu { column-count: 4; width: unset; padding-block: 20px; } .mega-menu .sub-menu li { display: inline-block; }
And just add the
mega-menu
class to the parent menu item -
purevelvetdesign
Hi David,
Thanks, this works well.
Best regards
André
- You must be logged in to reply to this topic.