Kunena 6 + Purity III megamenu issue

bolausson

Hej again,

it looks like I have a similar issue with Kunena and megamenu in Purity III like described in this post:
Purity III & Kunena 6

When I klick on the Kunena link in the main menu, all menu entries are listed vertically and covering most of the page:

A solution is proposed, but I don't know where it should be applied and if it really is the same issue. If I disable "Load Bootstrap css" in the Kunena Aurelia template, the megamnu looks ok, but the remaining site looks kind of wrong:

I am using

PHP 8.0
Joomla 4.2.6
Kunena 6.0.7

Can someone please provide some guidance?

Greetings,
Bjoern

saguaros

You can try this custom CSS:

.com_kunena #t3-mainnav {
  padding-top: 0;
  padding-bottom: 0;
}
.com_kunena #t3-mainnav .container {display: block;}
.com_kunena #t3-mainnav ul.navbar-nav {display: block;}
.navbar-nav .mega .dropdown-menu {position: absolute;}

bolausson

saguaros

Sure, I can try it, I just don't know where I should put this code snipped.

Should I add the code snipped somwehere here in the Template Styles under "custom code":

Or should I crate and override for a template CSS file here:

Thanks again for youe swift repsonse!
Greetings,
Bjoern

bolausson

bolausson
I added it to templates/purity_iii/css/extras/com_kunena.css, but no effect 🙁

Is this the right place?

saguaros

You can put into this file: templates/purity_iii/css/custom.css (Create this file if it doesn't exist now)

bolausson

saguaros
This almost fixed it - thanks for pointing me to the right place to put this code 🙂

There is still one issue: The megamenu has two arrows pointing down instead of one:

Greetings,
Bjoern

saguaros

You can try this:

.t3-megamenu .nav > .dropdown > .dropdown-toggle::after {
    display: none;
}

bolausson

saguaros
That solved the megamenu issue 🙂 Thanks!

I still do have double arrow issues on other Kunena dropdown:
https://ig-klettern-halle.de/forum?view=topic&catid=9&id=534

It doesn't happen when using e.g. Cassiopeia as theme:

Cheers,
Bjoern

saguaros

You can use this:

#kunena .dropdown-toggle::after {
    display: none;
}

bolausson

saguaros
Fixed! Thanks so much!
By the way, will those fixes go into a future release of Purity III?

saguaros

bolausson I will share with team for further checking with Kunena 6 version and update.

bolausson

saguaros
Thanks a lot!