Navigation

I've looked everywhere but I can't even find where they have the generated navbar. I'm trying to remove and edit them.

https://sirchivas.forumotion.com/
AwesomeBB

The css and javascript that I found here didn't work to remove them. ex. "groups, calendar."

Good evening!

AP - Display - Colors&CSS - CSS Stylesheet

Code:

#main-menu a[href="/calendar"], #main-menu a[href="/groups"] {
    display: none !important;
}

Result:

Ah, I kept putting: (code works perfectly)

#main-menu ul a[href="/calendar"]

And if I'd like to add a new navigation link?

AP - Modules - Javascript code management - Create new Javascript

Title: any
Placement: In all the pages
Code:

Code:

$(function() {
  const menuButton = document.querySelector('#main-menu-btn');
  menuButton.addEventListener('click', function() {
    const extraLink = document.querySelector('.extra_link');
    const isOpenMenu = document.querySelector('#main-menu div.divider + ul');
    if (isOpenMenu && !extraLink) {
     isOpenMenu.insertAdjacentHTML('beforeend', '<li class="extra_link"><a href="/"><span>Extra link<span></a></li>');
    }
  });
});

In this code:

Code: const menuButton = document.querySelector('#main-menu-btn');

- button that opens the navigation menu

Code: const extraLink = document.querySelector('.extra_link');

- code that looks for additional links in the navigation menu. If these links are found, the code will not allow these links to be inserted into the navigation menu again.

Code: const isOpenMenu = document.querySelector('#main-menu div.divider + ul');

- the place where the navigation buttons are inserted

Code: isOpenMenu.insertAdjacentHTML('beforeend', '<li class="extra_link"><a href="/"><span>Extra link<span></a></li>');

- code that inserts the HTML markup of our links. If you need to insert more than one link in the navigation menu, use the following code as an example:

Code: isOpenMenu.insertAdjacentHTML('beforeend', '<li class="extra_link"><a href="/"><span>Extra link<span></a></li><li class="extra_link"><a href="/"><span>Extra link 2<span></a></li>');

Using this HTML markup of link will preserve the default link style in the navigation menu.

Result:

Thank you for your help and time to actually explain how the Script works. Ever think about open a teaching class of JS here at FM?

Hi is this now solved ?

Yeah, Ape. Sorry, I thought I had clicked on the solved button.