Topic: Responsive table – profile fields issue on storefront theme · BuddyPress.org

Skip to:: Content; Pages; Categories; Search; Top; Bottom

Responsive table – profile fields issue on storefront theme

vsapountzis
Participant

@vsapountzis

3 years, 11 months ago

Hi,

I am experiencing an issue with the default “Profile Fields” of BP. Specifically, I noticed that the table containing these details is not responsive on mobile devices. The theme I am using is storefront.

For example, check the link below:
https://1businessworld.com/pro/stelios-hatzakis/profile/

The Professional Profile table is not responsive on mobile.

Any ideas?

Thanks!

Viewing 4 replies - 1 through 4 (of 4 total)

iamthewebb
Participant

@iamthewebb

3 years, 11 months ago
Hi, it looks like it is not splitting your long titles and email addresses, you could try adding the following to your css..
```
.buddypress-wrap {
    word-break: break-all;
}
```
vsapountzis
Participant

@vsapountzis

3 years, 11 months ago

Hi,

For some reason it doesn’t seem to work on my end when I apply it on this specific class. I am wondering though, do I have to apply it to every BuddyPress related class?

iamthewebb
Participant

@iamthewebb

3 years, 11 months ago

You could apply to the class bp-wrap, you could also try adding !important to the tag to see if that helps. I’m no css expect though and just had a quick play in the browser developer tools to see if there was a quick way to fix.

vsapountzis
Participant

@vsapountzis

3 years, 11 months ago

Will have to look into it more. Thank you for your help!

Viewing 4 replies - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.