I moved the social media icons from the header to the right sidebar. And I used this css to place them in the right position from the top of the page and from the right of the sidebar:
#top #sidebar_bg .social_bookmarks{
margin-top: 130px;
position: absolute;
right: 150px;
z-index: 152;
}
Of course, it looks perfect when the browser is large. But as you reduce the size of the browser window the social media icons are in the wrong place (when you resize the window to the next smallest size).
How can I fix this for this size? (If the window size is even smaller the icons are hidden, which is fine.)
Also, in this situation, I want to move the menu items just a bit lower. How would I do that? Thanks.
The URL of my site is http://outtacontext.com/wp2














