bbPress Menu / Shortcode

[whitemedia]

Hi,

I am setting up bbPress for the first time and cannot seem to get the bbPress menu to display. In Pro > Theme Options > bbPress I have the Navbar Menu active.

What i really want is to have the bbPress menu only on bbPress pages, just above the page headers. I have set-up a new Pro Layout Archive for the Forums Index. Is there anyway of getting the bbPress menu as a shortcode or something similar?

If using the default bbPress layouts, how could I get the bbpress menu to display?

Thanks,
Christopher

[whitemedia]

I think I have found a way of doing what I wanted, though you may have a simpler and better way.

I have added the code from https://theme.co/archive/forums/topic/add-text-to-bbpress-menu-and-reordering/#post-275126 to my functions.php file, just changing the theme location from “primary” to “footer”.

I then created an empty footer menu in Appearance > Menu. Next I added an extra custom menu button linking to a page containing a bbPress shortcode for “Creating A New Topic”.

The menu has been added to the page / layout using the Navigation Inline element, which has been styled thus:

.sub-menu {
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
  list-style: none;
}

.menu-item .menu-item-bbpress-navigation,
.x-anchor-content {
  margin-left: 20px;
  margin-right: 20px;
  background: #001547;
  padding: 10px 20px;
  border-radius: 10px;
}

.menu-item .menu-item-bbpress-navigation:hover,
.x-anchor-content:hover {
  background: rgb(45, 92, 136)
}

.menu-item .menu-item-bbpress-navigation a,
.x-anchor .x-anchor-text-primary  {
  color: #ffffff !important;
}

Do you have a better or simpler way of doing this?

Thanks,
Christopher

[marc_a]

Hi Christopher,

Thanks for reaching out.

We’re glad you’re able to find a solution to your problem from our forum and that’s the best way to implement a resolution for your issue to our theme. On the other hand, If you have any other concerns regarding our theme features, feel free to reach us.

Thank you.

[whitemedia]

Things are not quite as good as I had hoped…! All looks fine on large screens, but on smaller screens I am getting poor results. I have tried different flex settings, for smaller screen sizes, but it makes no difference.

The menu items are not wrapping and are overflowing the screen. In addition there some unexpected padding on the menu item’s backgrounds, as well as strange alignment within the backgrounds.

The same behaviour happens on all layouts where it is set-up, but the Layout details in the Secure Note is a good example.

Thanks,
Christopher

[ruenel]

Hi Christopher,

Can you please point out which page exactly? I was trying to edit your Forum Index layout and I am only seeing this:
See the secure note.

Thank you in advance.

[whitemedia]

Hi Ruenel,

Thanks for the reply. The menu I am referring to is shown in your screenshot in the Secure Note. Immediately above the page’s title there are six menu items : Forums, Start NEw Topic, Forums Search, Favorites, Subscriptions and Profile.

They render fine as in your screenshot, but if the screen size is reduced there are all sorts of rendering issues and I have been unable to make themwrap as well. This is what I am hoping for help for.

Many thanks,
Christopher

[ruenel]

Hello Christopher,

Please edit your layout and next to your navigation inline element, insert the navigation dropdown element. You will have to hide the navigation inline element for smaller screens and then the navigation dropdown element is hidden for larger screens as well. You can make this possible by utilizing the “Hide During Breakpoints” option in each of the element settings.

To learn more about the “Hide During Breakpoints” option, kindly check this out:

• https://theme.co/docs/hide-or-show-content-by-device-size

Best Regards.

[whitemedia]

Hi Ruenel,

Thank you for the guidance. I was being really stupid and forgetting the different menu types, as I tend to use Ubermenus for most websites!

Thanks to your help, I now have the menus as I want them and created as Global Blocks.

Many thanks,
Christopher

[christian]

Glad to hear that, Christopher