If you can please provide a link to see your site with this issue it would help in diagnosis. Without seeing a link my thoughts would be it’s either:
1. A too wide div
2. A clear in a wrong place
3. An extra div putting the content and sidebar in different sections
Hi karmatosed,
The link is http://www.elitenursing.com.hk/w/activity/
BP Compatibility describes BP templates structure are
[HEADER]
`
`
`
`
[PAGE CONTENT]
`
`
`
`
`
`
[FOOTER]
But I found there is no `
` tag in relevant files (e.g. activity/index.php)
Why is that?
Have a read through the compatibility steps again as they are quite detailed.
Essentially you have things back to front, it’s not the BP markup you are looking for (#container doesn’t actually appear in index pages it’s written to header.php) but you custom themes markup which must be reflected in the BP templates, so at a quick glance comparing page.php to activity/index.php you need to add your themes single_wrap element after #content and move the sidebar call to the position just before #content is closed, in other words your custom themes files are the correct markup structure and you need to replicate that in the BP template pages.
@waiyea I see that you’ve created a child theme of https://wordpress.org/extend/themes/zenon-lite
Looked over zenon lite, this is to let you know that you will have to change 16 BP files transferred to your zenon lite child theme folder during the Appearance > BP compatibility process. I see that the parent theme’s default page.php has right sidebar, then you also have page templates for sidebar on the left and full-width page. Which among the three layouts did you want for all your BuddyPress pages?
mercime, I want the template with sidebar on the right hand side, that equals to the default template of zenon
I completed all steps according to BP Compatibility and transferred all BP templates to my child theme. Just can’t figure out how the fixing alignment step should be…
Between, does all BP templates call for the page.php as default layout?
@waiyea As mentioned above, you need to change 16 template files within the 6 BP folders transferred to your zenon-lite theme folder in server during the compatibility process.
If you’ve previously changed any of the BP template files in your zenon-lite theme folder in server, replace all of them for a clean slate by deleting the 6 BP folders – /activity, /blogs, /forums, /groups, /members, and /registration – then re-run Appearance > BP Compatibility.
Download the 6 clean BP folders to your computer hard drive.
A. At the top of each of those 16 template files I linked to above, replace
`
`
with the following:
`
<div id=”post-“>
`
Then, in each of 16 files, you’d like to change the BP Templates’ page title’s header tag from `
…
` or `
..
` to `
// Titles Of Respective BP Page Templates //
`
Save files.
B. At the bottom of the same 16 files, replace:
`
`
with the following (except for registration/register.php):
`
`
with the following for registration/register.php:
`
jQuery(document).ready( function() {
if ( jQuery(‘div#blog-details’).length && !jQuery(‘div#blog-details’).hasClass(‘show’) )
jQuery(‘div#blog-details’).toggle();
jQuery( ‘input#signup_with_blog’ ).click( function() {
jQuery(‘div#blog-details’).fadeOut().toggle();
});
});
`
Save files.
C. Upload the 6 BP folders containing the 16 files you’ve just revised to your server wp-content/themes/zenon-lite/
D. Copy the style modifications made in BP Twenty Ten at https://codex.buddypress.org/theme-development/theme-dev-bp-template-pack-walkthrough-twenty-ten-bp-1-5/3/ and paste to your theme’s stylesheet. Adjust to taste.
Dear mercime, it does help and work fine! THANK YOU SO MUCH!!!
Glad it worked out well for you. Marking this topic as resolved 
