Hi Ronny,

If you use Helix based templates you can put almost any (also news) module inside menu item. MegaMenu has this feature. It should be solution that may help you. Whole rest is in your hands (mouse).

THis methods works even in Helix3.

Hello Ronny Ko

Sorry, this feature does not exist. You can customize the code by yourself.

Best regards

Thanks both for your answer. @first, I understood Paul's answer. Than Ofi confused me. My website is using Helix Ultimate. If it can do it, how do I go about it? Any tutorials?

It's basic.

1. Create module that have features/view that you want to use inside menu. USe name that you will remember, publish it, you don't have to select any module position.
2. Read: https://www.joomshaper.com/documentation/helix-framework/helix-ultimate-2/menu-navigation
3. Later

Great stuff...I was able to follow your steps.

One more question. In there, is there a setting that will allow me to change the appearance of the background of the menu. It is just white background right now.

I suppose I'm asking for the ability to customize the submenu by changing color, making it rounded corners or adding a border. Custom CSS? Details on how to do?

In there, is there a setting that will allow me to change the appearance of the background of the menu.

Yes, but only if you build custom header, for premade - custom CSS. For example (copied from Helix documenation)

#sp-header {background: rgba(0,0,0,0.5);}

/* Menu items color */
.sp-megamenu-parent > li > a {color: blue;}

/* Active color of menu item */
.sp-megamenu-parent > li.active > a, .sp-megamenu-parent > li.active:hover > a { color: green; }

/*  Color of hover menu item */
.sp-megamenu-parent > li > a:hover, .sp-megamenu-parent > li:hover > a  { color: red; }

Sorry, but we cannot teach CSS here everytime. We don't sale books nor tutorials about CSS etc. But I wish we would. Webmasters should know the basics. It's like have a car without skills how to drive it, cruel but true.

I assume wrong. I KNOW CSS. what I need to know if where it needs to touch in order to apply my custom css settings. SP has so many places to enter custom CSS - be it from the page itself that applies to a specific page...to the row to the global. It's crazy the number clicks I have to make and to remember. All this, I could have done easily if I just developed everything on VS code...geez. so the UI of the program is very poorly done and it makes experts in CSS like me very frustrated. Your program needs books, videos but no one is making them -- I wonder why. Is it because it's easier to just use VS Code?

what I need to know if where it needs to touch in order to apply my custom css settings.

Read here: https://www.joomshaper.com/documentation/helix-framework/helix-ultimate-2/custom-code-css-js-meta

and here: https://www.joomshaper.com/blog/which-line-of-css-i-have-to-edit-code-inspector-in-action

About books, I have written serveral books about Joomla, but nobody read (need) them anymore. Software changing so fast, so it doesn't make sense to write a book about one CMS extension anymore, even for WP.

About Videos - there are some on youtube, but it's not possible to show everything what people may need. I will try my best on my channel.

But I agree that every product can be improved, it's never ending process. So we both need hope and join forces for better tomorrow.