Sidebar left -> Content not side-by-side with sidebar

Hello,

I picked the position of the sidebar to the left.

The Content get pushed down, till the sidebar is emtpy:

left-sidebar.png

This is a fresh installation on Joomla 2.5

How to solve this?

Thanks

Hi

Please show me Your site.

Hi

Please show me Your site.

Hi,

I dropped you a PM. Thank you

Hi

Looks like this code is all You need:

Code: Select all

section#gkContent, section#gkComponentWrap, aside#gkSidebar {
    clear: none;
}


Hi

Looks like this code is all You need:

Code: Select all

section#gkContent, section#gkComponentWrap, aside#gkSidebar {
    clear: none;
}


Thank you. That works good.

One new issue arised now: How can I hide the sidebar, if the browserwindow is smaller (like the sidebar right)?

Thanks

Hi

With this css code You can specif for what screen resolution this should be moved to the bottom:

Code: Select all

@media only screen and (min-width:986px) and (max-width: 1235px) {
    section#gkContent, section#gkComponentWrap, aside#gkSidebar {
        clear: both;
    }
}


Hi,

I have a new issue:

I've followed this tutorial to add a menu-icon: http://www.gavick.com/magazine/how-to-a ... -menu.html

But it didn't worked properly, have a look:

wrong-menu-icon-alignment.png

Can you tell me why? This is the same site.

Thanks

Hi

I cannot see this on Your site. Can You please put it back so I'll be able to check what's wrong ?

Hi

Sorry, just found it. Didn;t realized it was in submenu. Try add this to css:

Code: Select all

.gkMenu > ul div.childcontent a img {
float: left;
margin-right: 10px;
}


but I'm affraid the more accurate would be to add a new class to this to make a changed only for this one menu item.

Hi

Sorry, just found it. Didn;t realized it was in submenu. Try add this to css:

Code: Select all

.gkMenu > ul div.childcontent a img {
float: left;
margin-right: 10px;
}


but I'm affraid the more accurate would be to add a new class to this to make a changed only for this one menu item.

Hi teitbite,

thank you for your help. Your code did worked pretty well.

Well the path is always .gkMenu a img, so I just need the right code to align the margins.

How is the path to the parent(look at the home-icon) of the childs? I need to seperate the parents and the childs.

Thanks

Hi

Do You mean a css selector ? Submenus are inside "childcontent" layer, so this:

Code: Select all

.gkMenu > ul div.childcontent a img


will be changing all images in submenus.