Change Profile Menu Items again

[alphateddy]

Hi,

I know there is this thread https://archived.seventhqueen.com/forums/topic/change-buddypress-navigation-menu-icons, but I can’t answer on it.

What is the best (or the) way to put items in two rows or sort them somewhere else to not have an a drop down menu at the end of the page, but make all items visibel? Maybe smaller, maybe in two rows or so.

– Marian

[sharmstr]

I cant remember off the top of my head how kleo calculates what gets hidden under the + sign. It has to do with adding up the icons width + padding. Without digging into that, you can play with the padding on either side of the icons by putting something like this in your child css and changin 20px to 10px.

COPY CODE

#buddypress div#item-nav ul li a {
	padding: 5px 20px;
}

The icons are fonts and the size is determined by

COPY CODE

#buddypress div#item-nav ul li a:before
	font: 400% "fontello" !important;
}

You can lower that down to 200% or something. Again, you’ll have to play around with it.

Keep in mind, there are other things you might want to adjust if you go this route. Like the number bubble that overlays the icon and possibly the font size of the labels.

And of course, since its all based on total with of all the icons compared to total width of the screen, results may vary.

One thing I’ve considered doing is rearranging the order of the icons so that the frequently used ones are almost always displayed. I really dont care if ‘settings’ is always shown because it will be rarely used.

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

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[Author]

Posts