BP Index/Archive Pages Broken on Mobile

[Dennis]

Activity, Groups and Member pages (there may be others, including profile pages) are all broken when viewing “mobile” and using a sidebar. As you can see below it breaks after the header (I’m going to use the demo links from the Social Learner theme, but it is a Boss issue.). Its hard to tell in the demo because the content color is very close to the sidebar color(Boss demo uses white for both). If you use a dark color for your sidebar you can see the break clearer and the content is almost impossible to read (dark text on dark background).

I could only find one page in the demo where you use a sidebar, but I tested on the pages I listed above while using a sidebar and they are broken:

Broken:
http://demo.buddyboss.com/social-learner-sensei/members/guest/

The My Groups page seems to work fine even with the sidebar:
http://demo.buddyboss.com/social-learner-sensei/members/guest/groups/

You can add this css to see it better:

.site-content {
  background: blue !important;
}
.page-right-sidebar.network-profile.my-profile {
  background: red !important;
}

[Varun Dubey]

Hey @kahunaburger , Thanks for your input.
I will send it to developers.
Regards

[Dennis]

So what’s going on with this?

[Dennis]

???

[Varun Dubey]

Hi @kahunaburger,

Developers have checked it again and found No archive page is not broken

we checked following pages as well, everything is working fine as we need
http://demo.buddyboss.com/social-learner-sensei/members/guest/
http://demo.buddyboss.com/social-learner-sensei/members/guest/groups/

If you need any specific customization, you can do it inside your child theme.

Regards
Varun Dubey

[Dennis]

I know how I child theme works.

I’m still having this issue with both the Boss and Learner theme (without any changes). When was this “fixed” and what files where changed?

[Dennis]

It’s a problem with the .page-right-sidebar div and the customizer. Those examples in your demo are not currently using that template. What setting in the customizer controls this?

[Dennis]

I think I solved this one. You don’t have a default css style for this div:

.is-mobile.single-item.groups .page-right-sidebar, #primary {
}

If you do not choose a background color in the customizer it will appear as transparent and give the impression the div is broken.

If you want to test it you can go into the page with Firebug (or some other web editor) and cancel out this css:

http://demo.buddyboss.com/social-learner-sensei/members/guest/

.is-mobile.single-item.groups .page-right-sidebar, #primary {
  background-color: #e3e9f0;
}

[Alyssa]

@kahunaburger this issue should be fixed with our release yesterday. Please let me know if you are still experiencing any issues.

[Dennis]

@tjchester It wasn’t fixed. Follow the troubleshooting instructions above and see for yourself on your demo. Then if you sill believe it’s fixed post the line number and the css file it’s been added to (.is-mobile.single-item.groups .page-right-sidebar, #primary).

PS
I don’t really care we already fixed it on our end, but it hasn’t been fixed.