Hi. The easiest way, you don't need two different menus, or a module. Just style the center menu item as the logo, via css.

Oh OK cool thanks Pavel

OK I tried this it broke the template

Hello David Podesta

It will require custom work. Please follow this documentation to take a custom header and assign two menu left and right with the logo in the middle. Or you can follow Pavel's suggestion. Both will require CSS knowledge.

Best regards

Thanks for the feedback, was hoping just to apply custom class to style my second menu the same as the first.

That would be really useful to be able to apply this type of template style.

Time is money, the more time you save us the more valuable you are, be happy to pay for Helix actually, it is so close, just need some exra styling capabilities. Maybe you should have a paid pro version.

Love your work either way, thanks for an awesome product.

OK I tried this it broke the template

Hi. If you did not succeed, it just means that you didn't do something right. In fact, this is the easiest way...

In the case of using the module, insert in the module settings in the menu class field this class name sp-megamenu-parent instead of what you have there now. It will make half of the work.

Then, shift the module to the right.

#sp-top3 .sp-column {
    justify-content: flex-end !important;
}

And then the color of items links. I hope for you will not make problems deal with it.

be happy to pay for Helix actually, it is so close, just need some exra styling capabilities.

It is better to spend money and a little time on education once than paying for a subscription constantly. As you can see it, it was not so difficult to do. Every webmaster should be able to do it ;)

In addition, adding each new setting to the template increases the volume of the code in the live page, which worsens the performance.

Hi,

I tried the advice but it does not solve the issue that the secondary menu does not have regular dropdown that would open and collapse...

and also when I add the same menu class to a regular joomla menu, it adds menu in front of the class, so you have class .menusp-megamenu-parent and it does not apply the styles...

even copying one by one and adjusting the class in css rules did not help... the menu still looks like this:

http://briardclub.heaven-devil.com/

Hi.

First of all, use custom.css file instead of CSS field in the settings of the template. If you do not have this file, create it following Helix documentation.

I do not understand what you expected from adding the sp-megamenu-parent class or using your menusp-megamenu-parent class. The sp-megamenu-parent class tunes the appearance of the upper level menu. And it does this work. It makes no sense to use your code with the menusp-megamenu-parent class. This is just an extra code.

As for the rest - the dropdown menu, its animation of the appearance, the style of the items of the dropdown menu - for all this you must write on your own CSS code. No addition of classes will solve this problem.

Using the DEV Tools of your browser, explore the menu code that comes from Helix, copy it and change the selectors to yours.

Here is an approximate code for a dropdown menu.

.menusp-megamenu-parent .menu-child {
  margin: 0;
  position: absolute;
  background-color: #fff;
  padding: 10px;
  min-width: 200px;
  z-index: 10;
  display: none;
}
.menusp-megamenu-parent .menu-deeper.menu-parent:hover .menu-child,
.menusp-megamenu-parent .menu-deeper.menu-parent:hover .menu-child {
  display: block;
  animation: spFadeInUp 400ms ease-in;
}
.menusp-megamenu-parent .menu-deeper.menu-parent>a::after,
.menusp-megamenu-parent .menu-deeper.menu-parent>span::after {
  font-family: "Font Awesome 5 Free";
  content: "";
  float: right;
  margin-left: 7px;
  font-weight: 900;
}

Make fine tuning by yourself. Or hire someone for this work if your CSS skills are not sufficient.

Maybe because you gave this advice to David and apparently it does not work since Helix menu generate different code than regular Joomla menu. It's a temporary solution and I can move the changes to custom.css anytime. Definitely better than changing template.css which gets overwritten by helix all the time.

Anyway, don't know what you did, but when I paste the code you provided to the site, I get something completely different. Honestly, I wish the template counted with submenu from the start rather then having to do these changes.