You can take a slightly simplier approach:
div#content {
remove the margin-left, float it right and set a width of say 80% *you may have to adjust this to fit
}
div#sidebar{
change to be a width % like 17% and float left, remove the margin left -100%
}
You will have to tweak this a little to work for yourself but this is a less restrictive approach and keeps some of the responsiveness of the default theme.
@karmatosed Thanks for this. It works well except that I’d like the sidebar to be a fixed width, and the content to be a variable width (up to the max width setting). Is there any way to adapt your method to work with a fixed width sidebar?
@mercime. Thanks, that sorted it nicely.
I spoke a little too soon. This works for every page except the ‘Tasks’ and ‘Projects’ sub menus on the To Do tab for the GTM plugin. On this view the the sidebar disappears and the content appears outside the container as you can see in this screenshot. Does anyone know what I can do to fix this? Thanks.
That screenshot requires username and password.
On another note, I see that you’ve posted about similar “Tasks” issues even before the change of sidebar location at https://wordpress.org/support/topic/plugin-bp-gtm-system-strange-things-happening-with-task-list-view-in-wordpress-34?replies=1 so I can also suggest that you post this GTM issue at @slaffik ‘s forums at https://buddypress.org/community/groups/bp-gtm-system/forum/
@mercime Thanks, will do. The username for viewing the screenshot is ‘guest’ and the password is ‘stackoverflow’
@mercime Just to update, I have found that the issue with the ‘Tasks’ and ‘Projects’ view under ‘My Account/To Do’ is seen when using the Buddypress default theme as well as my child theme, so it would seem that this issue isn’t related to the CSS that I have used to move the sidebar to the left. Thanks again for your help with this.
@karmatosed. I saw your work at WPMUDEV; I mean how you helped a guy to resolve his buddypress sidebar issue. I was following the tutor but at a point I got hooked up. I thought of joining WPMUDEV immediately and ask you this question, but then again, I am not well equipped financially at the moment. Please if you help me solve this issue out, I will not forget about it so easily. Thanks. Now this is what I have done. FIrstly I added this code in my childtheme functions.php file.
register_sidebars( 1,
array(
'id' => 'leftsidebar',
'name' => 'Christlike-sidebar',
'before_widget' => '<div id="%1$s">',
'after_widget' => '</div>',
'before_title' => '<h3 class="widgettitle">',
'after_title' => '</h3>'
)
);
Then I saved it and refreshed my browser in my widgets administration panel. Guess what the sidebar did appear. So I added some widgets into it and saved it. Then I created a new sidebar with a notepad in my child theme and named it Christlike-sidebar.php. Then I added this code into it.
<div id="leftsidebar">
</div>
I learnt from numerous tutorials I read online that you have to add a code to your index.php file to enable the sidebar to appear in my site. I obeyed promptly and added this code:
immediately below
I saved everything and refreshed my browser. Damn… nothing appeared. I have read and read and read, searched out for how to do this on Google, Bing, and Yahoo but all my efforts have yielded nothing. Please help me out.
Again, if there is any developer that knows how best I can achieve this, please help me out. Thanks alot to you all.
Gabriel.
