Show content/div/element on trigger

hi there,
i could not find a way to use a top link in a menu to trigger show/hide of a div/element on the webpage. is that possible with the theme?
thanks a lot! kai

the main menu should trigger this submenu. the submenu should push down the content or just cover it but stay open until another top link is selected. see screenshot.

Hi kai,

Unfortunately, there is no option to show or hide any section on any event trigger. It requires custom coding, which is beyond the scope of Theme Support. I would suggest you hire a developer who can assist you with the customization, or you can avail of our newly launched service called TOTAL CARE, where we offer small customizations.

Thanks

hi @tristup
thanks for your information!
do you think that there would be a plugin which is able to achive this? if so - what would i search for?
that is now the first thing i am missing since i left rapidweaver 10 years ago for x :wink:
best wishes, kai

Hi Kai,

There might be some plugins available in the WordPress repository, but we are not aware of that.

Thanks

Hello There,

It looks like you try to achieve something like a mega menu.
Are you trying to achieve something like this : https://la-seve.fr/ (while hover over “shop”) ?
If yes, it can be enabled with pro and no plugins are needed.
Also it is possible to set up “click” instead of hover.

Here is how i proceed :
1/ Create a Header
2/ Create a Bar
3/ Within the container, put the element mega menu
4/ When you select the mega menu, you should add a custom css class, something like mega–1 for exemple
5/ add that css :
.mega–1.x-dropdown {
left:0!important;
}
6/ At this point you should have the dropdown to appear to the very left of your screen. Then you can ask it to be width 100vw, this way the dropdown will be displayed full width.
7/ Then you simply need to add Divs/row within your mega-menu element in order to design what you want to achieve. From what i see, a single div with flexbox enabled should do the work

I’ll be happy to help more if i could. Please ask me if you have any question
Best

hey @Thaelys
what a nice surprise having some interaction between users here in the forum :slight_smile: it’s what i am missing a bit…
and you read my mind on this, too!
my inspiration was this website: https://normcph.com
but not the hamburger menu. instead a normal menu like in my screenshot.
although your solution is not pushing down the content of the page it is close enough for me :slight_smile:
the main problem was indeed to achive the full width of the submenu bar. so you solved it so nicely!
thanks a million and have a great day! kai

It’s my pleasure !
Have a great day too !
If you need more help you can pm me, i often time look at the forum on thursday / friday

Best

Hi Thaelys,

Thanks for sharing the solution here.

hi @Thaelys
i am trying to build the menu now.
first hurdle is that the mega menu (inkluded in pro) does only have a hamburger toggle available. i would need a normal menu (with normal text buttons like on the website you showed). maybe i overlooked something?
thanks for your help! best wishes, kai

Under the Mega Menu element,
There is a toggle selector.
Within Toggle, remove the graphic/burger and instead put a text.
See attached screen

Capture d’écran 2023-04-21 à 16.56.36

Hope it helps

thanks for your lightning fast reply!!!
i tryed that already. that does not allow me to recreate 3 text buttons als top links, though.
is this site https://la-seve.fr/ done with pro/x?

No problem,

Yes it is built with pro, like every website i’ve done so far for the last 9 years :smiley:
If you want multiple “mega menu”, you can just display multiple times the mega menu modal element.
Within a div or a row/column, with flex enabled you should achieve something just like if it was a normal navigation menu.

best

ok. i got one text button now instead of the burger menu.
maybe i will try a third party mega menu :wink:

right. that is a possible solution. i will try that . just split the menu in 2. one mega menu and onw normal inline menu.
so we startet around the same time working solely with theme.co :ok_hand:
i switched at that time from rapidweaver (mac) to wp and themco. never looked back :wink:

1 Like

If you’re looking for Pro interaction and assistance join the Facebook Group (https://www.facebook.com/groups/ThemecoUsers)

thanks a lot @dabigcheeze! thing is i have an aversion to facebook…
but maybe i will give it a try :wink:

@Thaelys i got the menu going and it looks great this way. thank you so much again!!!
would you know if the mega menu dropdown can stay open untill i click on another top link (which would be another menu like inline menu.

Hello @iTurtle,

In your Dropdown element settings, use the “Click” as your Trigger so that the dropdown menu will only close once you click on another dropdown toggle.

Hope this helps.

hi @ruenel
thanks for the tip.
only when i click on another top link it should close.
meaning that if there are links in the drop-down of the mega-menu the drop down should not close when clicking on them :wink:
maybe thats not possible, though.
best wishes, kai

Hello Kai,

Every time you click on the page, the dropdown menu closes to give way to the content that will load on the page. Regretfully what you have in mind is beyond the limits of the feature of the Dropdown element.

Thanks.