Just downloaded and unpacked Zen 7.x.5-1. Set it as default theme. Assign: navigation and user login to first sidebar, and search form to second sidebar.
Second sidebar appears right above footer region with all page width. Zen 7.x.-3.1 does not have this issue.
.

CommentFileSizeAuthor
#2 image.jpg91.07 KBbolesoft
#2 image.jpg112.55 KBbolesoft

Comments

bolesoft’s picture

bolesoft commented
Component: layout.css » Miscellaneous
bolesoft’s picture

bolesoft commented
StatusFileSize
new image.jpg112.55 KB
new image.jpg91.07 KB
echoz’s picture

echoz commented
Status: Active » Closed (works as designed)

Zen 7.x.5.x is responsive. That is the default layout for a viewport width between 480px and 959px.

bolesoft’s picture

bolesoft commented
Status: Closed (works as designed) » Active

Thank you. But iPad has screen resolution 1024x768 pixels. So it should not be a problem.

echoz’s picture

echoz commented

My default install of 7.x-5.x-dev changes to that layout at 960px, and looking at responsive-sidebars.css in 7.x-5.1 shows the same layout at that breakpoint also.

bolesoft’s picture

bolesoft commented

Echoez, my apologies, but I am not sure what exactly are you saying. My resolution 1024px.
Also I noticed:

@media (min-width: 960px)
.two-sidebars .region-sidebar-second {
float: left;
width: 20%;
margin-left: 80%;
margin-right: -100%;

Should not it be:

media="all"
@media (min-width: 960px)
.two-sidebars .region-sidebar-second {
float: left;
width: 20%;
margin-left: 80%;
margin-right: -100%;
}

echoz’s picture

echoz commented
Status: Active » Postponed (maintainer needs more info)

I can't reproduce your issue. I could possibly help more with a link.

bolesoft’s picture

bolesoft commented
Status: Postponed (maintainer needs more info) » Closed (won't fix)

Ok. Thank you. You need to use iPad to reproduce. I know it is weird. Thanks anyway.

bolesoft’s picture

bolesoft commented

Ok. Thank you. You need to use iPad to reproduce. I know it is weird. Thanks anyway.

sclsweb’s picture

sclsweb commented
Issue summary: View changes

I was able to reproduce this issue on an iPad 2. In landscape orientation it treats the width like 768px, not 1024px, as far as media query responsiveness. For anyone else fighting with this issue (hi future self!), a possible resolution is to modify the last media query in the subtheme's responsive.css like:

@media all and (min-width: 960px),
(min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
/* Lots of other stuff omitted */

/* Span 1 column, starting in 5th column from left. */
.two-sidebars .region-sidebar-second {
float: left;
width: 25%;
margin-left: 75%;
margin-right: -100%;
clear:none;
}

I'd be interested to know if this approach works OK with other devices too -- my testing was limited.