Create grouped menu for desktop

Posted in: Newspaper
Post count: 26

Hello!

Can someone help me to create a grouped menu for the desktop version like this: https://demo.tagdiv.com/newspaper_week_pro/

Currently my menu overflows and I want to have a section (three stripes) to hide part of the menu until the user wants to group it.

Pd. I just want that style of menu, as I have my own template set up.

Thanks.

Post count: 21065

Hello!

There are 2 menu elements, first one is using a modal(page) and the second one is a mega menu: https://forum.tagdiv.com/mega-menu/. The modal page can be edit it with the TagDiv Composer as well.
You have 2 possibilities to build a menu like that:
1. Use Modals: https://forum.tagdiv.com/modal-popup/
2. Page mega menu: https://forum.tagdiv.com/page-menu/

You can import this template if you like from the Cloud Templates.

Thank you!

Post count: 26

Perhaps I have not explained myself well.

I want a part of the menu (three lines) to appear as an extension of the menu.

It would be something like this: https://demo.tagdiv.com/newspaper_nft_pro/

Here, when you click ALL in the menu, you get more options and views of the menu itself.

And that in the mobile version it can also be displayed (or the whole menu can be displayed).

How can I do something like this?

Translated with http://www.DeepL.com/Translator (free version)

Post count: 21065

Hello!

I just explained above how you can build different types of menus. When it comes to the categories or subcategories you like to add, then you can add them however you want, as extension or not.

Thank you!

Post count: 26

But when I do what you say, the link or text in the menu shows me the same as the ones I already have included.

How do I include the logo of the 3 stripes to open the page or modal?

Thank you.

Post count: 21065

Hello!

That is an icon, not a logo. In order to avoid misunderstandings, please provide more information about what the issue you have, screenshots or a video and your website link.

A solution for sending a screenshot/video is this:
Download, capture, send: https://www.techsmith.com/jing-tool.html
After making the screenshot, you will have a link, paste it here.

Thank you!

Post count: 26

When I try to create a page menu as you indicated earlier in the conversation, it doesn’t work to do what I show you in the example.

Here are the steps I followed:

I want to create a grouped menu with the icon (image 1) so that when the user clicks on it, another menu page like the one attached (image 2) comes up.

1. I create the page with the composer (image 3). [example design].
2. I create a link in the menu with that page (image 4).
3. The link it shows me in the menu is not as I want, as it shows me a ‘mega menu’ with that page itself, not a page like the one I detail in image 2.

How can I make it look like in https://demo.tagdiv.com/newspaper_nft_pro/? Since in the steps we indicated it does not do it.

Thank you.

Images:
1. https://ibb.co/J25bGsQ
2. https://ibb.co/Wv1b762
3. https://ibb.co/1KmRmnt
4. https://ibb.co/Z6t7Fqj
5. https://ibb.co/VvRmycm

Post count: 21065

Hello!

There is an element called ” Mobile menu “. Just add it and select a menu which was already built in the Dashboard -> Appearance -> Menus.

Regarding to the screenshot 2, you can add a “list menu” element.
And you can use it as above(Just add it and select a menu which was already built in the Dashboard -> Appearance -> Menus.)

Thank you!

Post count: 26

I have already managed to display it on the page.

But how can I add it to the menu? My menu is not formed by the block editor but directly from Appearance > Menu, so it only lets me add text.

How can I edit it?

Thank you.

Post count: 21065

Hello!

Please provide some screenshots with the settings you applied and what you’re trying to achieve, so I can understand the issue and help you efficiently.

Thank you!

Post count: 26

Hello!

This is where I add, delete and update my menu (image 1). I don’t have a block editor.

How can I add the ‘Mobile Menu’ block to the desktop version from that menu?

Or how could I do it, as I understand that a block editor is needed for menu, but yet I edit my menu from Appearance > Menu (no block editor).

Thank you.

Image 1: https://ibb.co/802Hbvb

Post count: 21065

Hello!

Ok, after creating the menu there, you need to edit your homepage with the TagDiv Composer. There you should add the mobile menu: https://prnt.sc/C9fLM9rklQmC and choose the menu you need to display there.

Thank you!

Post count: 26

Great, thank you very much for all the help.

Post count: 21065

Hello!

I’m glad that I could help you!

Have a wonderful day!

Viewing 14 posts - 1 through 14 (of 14 total)
The forum ‘Newspaper’ is closed to new topics and replies.