Skip to:
Content
Pages
Categories
Search
Top
Bottom

BuddyPress Profile Pages Not Displaying Correctly in Chrome


  • glenphillips33
    Participant

    @glenphillips33

    Hi BuddyPress Community,

    I’m having an issue with my website where BuddyPress profile pages aren’t rendering correctly when viewed in the Chrome browser. Here are the details:

    The layout appears broken, with profile sections overlapping or not displaying at all.
    The issue seems to occur only in Chrome (tested on both Windows and macOS), while other browsers like Firefox and Edge render the pages just fine.
    Clearing the browser cache and disabling extensions in Chrome doesn’t resolve the issue.
    What I’ve Tried:
    Checked the BuddyPress templates in my theme and confirmed there are no customizations causing conflicts.
    Switched to a default WordPress theme (Twenty Twenty-Three), and the issue persists.
    Tested the website in incognito mode on Chrome, but the problem still occurs.
    Verified there are no JavaScript errors in the browser console.
    Could this be related to Chrome’s rendering engine or a specific CSS/JS compatibility issue with BuddyPress? Are there any settings in BuddyPress or Chrome I should check to fix this? Should I share with you the URL of the site so that you can check if this issue is happening on your end or not?
    Any guidance would be greatly appreciated!

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

  • glenphillips33
    Participant

    @glenphillips33

    Is there anyone who can help me or not?


    tyler87432f
    Participant

    @tyler87432f

    If your BuddyPress profile pages are not displaying correctly in Chrome, there could be several potential causes. It might be related to a caching issue, conflicting plugins, or outdated themes. First, try clearing your browser cache to ensure you’re viewing the most recent version of the page Houston, TX. If that doesn’t help, deactivate all plugins and reactivate BuddyPress to check if any plugin is causing the issue. Additionally, ensure your theme is fully compatible with BuddyPress and that it’s updated to the latest version. If the problem persists, check for any custom CSS or JavaScript conflicts in the browser’s developer tools and troubleshoot accordingly.


    glenphillips33
    Participant

    @glenphillips33

    I have done everything to troubleshoot but nothing works. Should I share the URL of my site with you so you can check if this is happening on your end too? I feel like it might only be affecting me because of my internet.


    emaralive
    Participant

    @emaralive

    Hi @glenphillips33,

    My apologies for a belated response but, my default browser is Chromium (just a preference thing) on a Linux platform and all looks as expected. Although, Chromium, Google Chrome, Microsoft Edge, and others share the same basic engine, there may be differences in builds across the various OS platforms. Without knowing more information, it is difficult to assess the issue. For example, we currently don’t know, at a minimum, which may or may not prove to make a difference:

    • WordPress version
    • BuddyPress version
    • PHP version
    • BuddyPress template pack in use
    • If you have tried using a WordPress default classic theme (non block theme or non FSE)

    The layout appears broken, with profile sections overlapping or not displaying at all.

    This is a generalization, meaning there isn’t enough specificity to truly understand the situation. Perhaps, a screenshot would suffice without having to visit your site.

    Here is my setup as it relates to the following screenshot of an arbitrary Profile page with Google Chrome:

    • WordPress: 6.7.1
    • Active Theme: twentyeleven child theme (twentyeleven-child)
    • PHP: 8.2.25
    • OS: AlmaLinux 9.5 (Teal Serval)
    • Browser: Google Chrome – 131.0.6778.85 (Official Build) (64-bit)
    • Page caching: No
    • Object caching: No
    • BuddyPress: 14.3.3
    • BuddyPress URL Parser: BP Rewrites API
    • BuddyPress Active template pack: BP Nouveau

    screenshot profile page

    For me, the profile area renders as expected with Goggle Chrome based on the given setup. I also looked at the same page with Windows 10 and Google Chrome (131.0.6778.86 (Official Build) (64-bit), logged-in and logged-out and it looks the same. I don’t have a Mac, so I can’t provide a verification. Also, I’m serving up the profile page from a development site on my LAN.


    hellstarclothing
    Participant

    @hellstarclothing

    Hellstar blurs the lines between art, design, and the metaphysical, crafting garments that reflect the enigmatic allure of the universe. Each piece tells a story of stardust, gravitational pulls, and the silent echoes of creation that emanate from the void.


    emaralive
    Participant

    @emaralive

    Hi @glenphillips33,

    Anything is possible, what’s unknown is the probability. IIRC, I had a similar experience, but it involved the wordpress.org site and drop-down menu items that affected Chromium on a AlmaLinux distro. Google Chrome worked fine as well as Firefox. On a Ubuntu and Debian distros (Linux), Chromium work just fine, as was with Windows 10. Long story shorter, eventually, the AlmaLinux distro received an update with a new Chromium build that fixed the issue with Drop-down menus.

    That said, it doesn’t seem likely for a Windows platform since Google Chrome should be automatically updated and is usually ahead (stable release) of Edge, Opera and other browsers that share the Chromium engine or, maybe you are using cutting edge/beta releases/builds but, as previously mentioned, anything is possible.

    If you want to supply the Web URL, I suggest you add that to your BuddyPress Profile, there is a field specific for this purpose (Web URL). That way, you can remove it later, if you don’t want the URL to remain public. I can then either confirm or deny whether I see something unusual while visiting a profile area with Google Chrome.

    Next up are a couple of housekeeping items, that you require your attention, of which should not be related to the issue you reported in this thread.

    (1) BuddyPress 12.4.1 is not compatible with WordPress 6.7.x. The effect is that your server error log(s) are filling up with an error notice, e.g.:

    Notice: Function _load_textdomain_just_in_time was called <strong>incorrectly</strong>.
    Translation loading for the <code>buddypress</code> domain was triggered too early. This is
    usually an indicator for some code in the plugin or theme running too early. Translations
    should be loaded at the <code>init</code> action or later. Please see <a
    href="https://developer.wordpress.org/advanced-administration/debug/debug
    -wordpress/">Debugging in WordPress</a> for more information. (This message was added in
    version 6.7.0.) in /var/www/html/wp_test/wp-includes/functions.php on line 6114

    The solution is to either to roll back WordPress to version 6.6.2 or upgrade BuddyPress to version 14.3.3.

    (2) BuddyPress 12.4.1 is missing 2 security patches, if you are going to continue to use the BuddyPress 12.x branch, it is recommended that you upgrade to BuddyPress 12.5.2, see If you are using BP 12.x and can’t upgrade to 14.2.1, and apply (1), accordingly.

Viewing 6 replies - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.
Skip to toolbar