Position sidobar - not pushed below on tablets/phones

Hi,

I have put a module in the position sidebar, but when viewing it on my mobile it doesn't get pushed below the main content
It just stays in the position.

example:
http://www.db-arkitekter.fi/fi/componen ... tinen-talo

Is there a fault in the code or something that breaks it?

Sincerely,


Dominicus


PS. I think this was what another poster also was posting about although hi didn't express himself clearly enough
https://www.gavick.com/forums/photo-joo ... take-42304

Hi

Are You using the latest version of the template ?

Try add this code to css:

Code: Select all

@media only screen and (max-width:850px) {
#gk-content {
    float: none;
    width: 100%;
    padding-bottom: 0;
}

#gk-sidebar {
    float: none;
    padding: 0 0 250px !important;
    width: 100%;
}
}


Thanks Teitbite,

I tried the CSS code (added to the template overrides) but it still didn't work

You can see for yourself here: http://www.db-arkitekter.fi/en/blog
(I tried to both watch it with a mobile phone and my MAC safari browser by narrowing it)

What now?

PS. I looked at the template update page and it says I have the latest (no updates)

Hi

Try maybe clear cache, I cannot see this code I gave You in css. Override.css looks like this:

Code: Select all

/*
#------------------------------------------------------------------------
# Photo - #9 2014 Joomla! template (for Joomla 2.5)
#
# Copyright (C) 2007-2014 Gavick.com. All Rights Reserved.
# License: Copyrighted Commercial Software
# Website: http://www.gavick.com
# Support: [email protected]
*/

/* Here you can include your override CSS styles */
ul.lang-inline li {border: none;}