Turn Off Item Toggle

This topic has 6 replies, 3 voices, and was last updated 7 years by Radu.

Author

Tagged: buddypress menu
December 19, 2017 at 01:31 #183430

Joshuapaul80
Participant

Hello,

I would like to remove the buddypress dropdown menu toggle so that it shows the full list BP components, and also the toggle for the top menu.

How can I do this?

Thanks,

Josh

December 19, 2017 at 07:35 #183445

Laura
Moderator

Hello, will assign the ticket to a higher support level who can help and advise you in your query.
Thanks! ?

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

December 21, 2017 at 16:33 #183606

Radu
Moderator

Hi,

Sincerly cannot understand exactly about what are you referring, but you can build a menu with your desired menu items from wp-admin -> appearance -> menus -> (screen options) and check the bddypress (see screenshot) then build the menu with desired components.

Cheers
R.

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

What support service includes ? What not ?

Attachments:
You must be logged in to view attached files.

December 21, 2017 at 16:57 #183615

Joshuapaul80
Participant

Radu, what I want to do should be very simple. I want to disable the functionality of the toggles and make them not happen at all.

See attached screenshots.

Josh

Attachments:
You must be logged in to view attached files.
December 21, 2017 at 19:25 #183642

Radu
Moderator
Hi,

There is no specific place where you can turn off that and also there is no quick solution.
An alternative it’s to set the padding 0 or 5px between the items to make more space there.

For the top-bar
COPY CODE
```
.top-bar ul#menu-alt-buddypress-menu li a {
    padding: 0;
}
```
For the buddypress menu
COPY CODE
```
#buddypress div#item-nav ul li a {
    padding:0 5px !important; 
}
```
Cheers
R.

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

What support service includes ? What not ?
December 21, 2017 at 23:13 #183647

Joshuapaul80
Participant

Let me show you why I want to turn them off. There are multiple instances where it shouldn’t show up because there is clearly enough room for another icon to fit and there is no need for the toggle. This happens for both the buddypress menu toggle, and the toggle that shows up for the menu items in the section above the header. Please see the attached screenshots.

Is there a way to change the behavior of the toggle, or how it calculates when to show up? Clearly, in the case where there is enough room for one more single icon there is no reason for it to be replace by the toggle and be the only menu item in the dropdown. This just makes it confusing for users.

Thanks,

Josh

Attachments:
You must be logged in to view attached files.
December 27, 2017 at 15:03 #183977

Radu
Moderator
Hi,

There it’s a JS script that calculate all available space and if there it’s enough space will be listed all or not.

There is no quick way to overwrite that… and also in core theme files.

I recommend you to use the css method, you can de-crease the font size to make space for all, next to padding.
COPY CODE
```
.top-bar ul#menu-alt-buddypress-menu li a {
    padding: 0;
    font-size:10px !important;
}
```
Cheers
R.

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

What support service includes ? What not ?
Author

Posts