Theme left side bar problem

Hi,

that theme adds a fix left sidebar to all pages.

Normal content is pushed 222px with margin left, so you should add

#geodir-wrapper {
    margin-left: 222px;
    padding-left: 10px;
}

Something like that could make it work, however, because of ti’s structure, I think that 2014 is not the ideal choice.

Thx

Thank you very much Paolo ??

This fixes it, but only partly. With wide screen resolution, the left sidebar of Twenty Fourteen -theme is shown in left and the margin -setting you suggested fixes the overlap problem.

However, in smaller screen width the side bar of 2014 theme is shown below in the page, but the margin is still there. In this case there is just empty space in left side. How could I set this margin so that it is only used with wide screens?

I am not sure is this related to the plugin anymore, but I could really appreciate some help. I don’t want to change the theme, because it is used for other content of my site.

Thank you very much about excellent plugin. I think this is exactly what I was looking for. I just need to make it work in my case.

try wrapping that in a media query (which is what the theme does).

@media screen and (min-width: 1080px) {
#geodir-wrapper {margin-left: 222px;}
}

it should work.

Let us know,

Thx

Thank you Paolo. Now it works better, but still not with all screen size.

If I test this in PC with IE and try to shrink the IE window, it sometimes overlaps. However, it works perfectly with big and small screens. The problem still exists with mid-sized screens (or window).

This is lot better now. I think we are very close for perfect solution now ??

– Sami Niemi / digiapuri.com