Sidebar Too Large

[alibey]

I trying to create a left sidebar on my home page.
I do not specify anything with respect to sidebars at the Theme Meta Options level.
I just added this custom CSS (color is to demo the problem)

.home-page .sidebar {
	width: 240px !important;
	background: yellow;
}

And in my Home Page, I added (in Meta Options) a Left Sidebar

Here are the problems:
1) the sidebar spills over into the header / menu bar
2) the sidebar background is too wide: I want it 240px only (which is the yellow area). so i want to resize this overall sidebar dimensions to conform to this (in a responsive way, of course). basically i want to get rid of all this white space
3) why is there now suddenly white space to right of my page when i insert a left sidebar?

I am attaching a pic to show you what this looks like, but have eliminated the sidebar from the live site because it looks awful.

How to I fix this?
Thanks.

Attachments:

You must be logged in to view attached files.

[alibey]

I see that in General Options that you can reduce the sidebar to 1/4th
the problem is that the sidebar starts from the top of the overall page container
it should be pushed or slide under the header and menu bar (responsively)
plus there is still white space between the content container and the sidebar
what should happen is that the main content container and the sidebar should line up correctly without
these gaps that now appear between them

[alibey]

cancel this. i figured it out! thanks.

[Mohammad – SUPPORT]

Hi,
Brilliant! I am glad that you managed to resolve the issue.
Thanks
Mohammad

[alibey]

over and out

[David Martin – Support]

Great, no problem.

– David.