I have a side bar of blue colour on internal pages of my website. Due to recent up-grading of Index Page layout that side bar has been taken away as part of new design requirements.
I wish to get this side bar floating on left side of the main body items only to be visible in wide screen monitors (because the normal monitors only show the main body and adding that side bar will destroy the beauty of design).
The codes are there for the coder to copy but need to be employed properly with new and relevant CSS to appropriately fit to the layout.
That side bar should float to left side of main body and its position should remain constant when the user is scrolling down. It may require jquery as well (which is already used on my website).
The pictures attached explain what I wish to achieve. The blue sidebar on the left side of [login to view URL] is the one which I need to be placed in the way mentioned above to the existing [login to view URL] page.