Social Links For Mobile

By default WordPress hides most of the items from the Toolbar in responsive mode, reason being there might not be enough room for them to display correctly.

You could probably force their display with CSS, I’ investigating if this can be added as an option.

Thank you! ??

just to confirm, this is now implemented in the development version, available from here, in case you’d like to give it a try. Feedback more than welcome !

I’m now working on the same thing for custom menus… No release date planned yet but we’re getting closer ??

Thank you! I’ll check it out and let you know ?? *thumbs up*

Hey there, didn’t get the shares to show up on mobile. I guess I’ll just wait till it’s fully released lol. Looking forward to it though ??

You need to install it manually from the zip file, and go to the “Share” tab to set a custom value for the lowest width at which these icons shall be displayed (based on number of icons and size)…

That’s what I did, not sure if the screen is just too small on my phone to see it though.

That’s odd, I’ve tested with two different mobiles and screen resolutions but cannot reproduce this issue. On my computer by dragging the edge of the browser window, everything looks fine too. Could you try with another theme, and by deactivating other plugins to check if there would be a conflict. I’m afraid the release will not change anything here. Thanks!

Thanks for helping, I’m going to try playing with it a bit more. I do have one more question. If there any way to show BuddyPress notifications in the bar for mobile? that would be a great feature if possible.

Sorry, what notifications are you referring to ? Does your question mean you want to forcibly show icons that are otherwise hidden on smaller screens, or to show icons that are not display at all ?

Hey there I want to show the buddypress message notifications which usually show in the toolbar but it’s not showing for mobile so I’m wondering if there is way to show it. Also is it possible to have the bar scroll on mobile too like it does on desktop?

I believe both of these changes are feasible using CSS and “Important”. In theory everything is possible, it’s just a matter of time.

Sounds good, do you have any information on the fix for at least the BP notifications? ??

Would really like to be able to have that show on mobile.

If you know how to add custom CSS to your site (usually the theme has options for this), you could try this to keep BP notifications for all screen resolutions:

#wp-toolbar > ul > li#wp-admin-bar-bp-notifications {
	display: list-item;
}

To stick the Toolbar on top of the screen whatever its resolution is:

#wpadminbar {
	position: fixed !Important;
}

Thank you so much!!! Those both worked ??