BuddyPress.org

CSS.Something like this will fix up the default form:


@media (max-width: 600px) {
#buddypress .standard-form #profile-details-section,
#buddypress .standard-form #basic-details-section {
float: left;
width: 100%;
}
}


Try this css code

/* wp-admin bar */
@media screen and (max-width: 782px) {
#wpadminbar li#wp-admin-bar-bp-login a, #wpadminbar li#wp-admin-bar-bp-register a {
padding: 0 8px;
}
}

@media screen and (max-width: 782px) {
#wpadminbar li#wp-admin-bar-bp-login, #wpadminbar li#wp-admin-bar-bp-register {
display: block;
}
}


Put this css inside your customizer or child theme.

/* wp-admin bar */
@media screen and (max-width: 782px) {
#wpadminbar li#wp-admin-bar-bp-login a, #wpadminbar li#wp-admin-bar-bp-register a {
padding: 0 8px;
}
}

@media screen and (max-width: 782px) {
#wpadminbar li#wp-admin-bar-bp-login, #wpadminbar li#wp-admin-bar-bp-register…[Read more]

Finally I could resolve the problem after reading this article

This developer suggests creating a plugin. The result is a link with a dashicon but it is not responsive. To make it responsive (show on mobile), I added in the css file of the plugin a snippet I fould elsewhere:

@media screen and (max-width: 782px) {
#wpadminbar…[Read more]

@destac There are different ways to implement the new feature. For the screenshot, I did it in 4 simple steps.

Note that you might need to adjust how the widgets are registered, named, or styled based on your theme.

1. Registered three new widget areas in the child/theme’s functions.php file.

<?php // Only add this line if you are adding this…[Read more]

@1a-spielwiese The better guide to use in making a full-width page for the theme you’re using, https://wordpress.org/themes/reddle, is the one for Twenty Twelve at https://codex.buddypress.org/themes/bp-theme-compatibility-and-the-wordpress-default-themes/twenty-twelve-theme/

HTML structure for Reddle and Twenty Twelve are almost identical.…[Read more]

@bphelp, thanks boss for the feedback, I will look into the error.

@henrywright, thanks for the feedback, yes I will definately make theme responsive. I have the necessary @media screen css ready to take care of that.

As a free theme, i dont want to use bootstrap because of my past experience.

After the release, update will include changing the…[Read more]

HI,

I am attempting this as well.

I went into custom.css in my buddyboss theme (it is reflective mobile ready theme)

I thought I was adding this in the right place by putting it in global area, but it did not work…

have never been near css before so clueless…

here is what the page looks like with my addition… it did not hide the active…[Read more]

Add this to the bottom of your custom.css

/* Mobile */
@media only screen and (max-width: 767px) {
body.bp-user #sidebar {
margin-top: 0;
}
}