Window Height row shifting content up on iPad

[eternalbeta]

I’m experiencing an issue where any row set to Window Height with elements vertically centered is having its contents shifted up on iPad. This does not happen on desktop when the window is shrunk and is happening on iPad in both portrait(normal header) and landscape (naked header), so I do not believe it to be an issue with resolution. I’ve tested on multiple generation iPads in multiple browsers. I’ve combed my code and cannot find anything that may be causing this, especially since it only happens on iPad and not when resizing a desktop window down to iPad

**Please note, this site will go live the morning of January 31, so if no one can get to it by then, please do not log into the site. I realize this is a short window, but you guys have been nothing but helpful so far!**

[Mohammad – SUPPORT]

Hi,
Please provide me marked screenshot to get and resolve the issue.
Thanks
Mohammad

[eternalbeta]

This reply has been marked as private.

[No Dinx]

Lines 716 and 724 in responsive.css is probably the culprit here. If you /*comment*/ those out, I think you will find the fix you need for your deadline.

.spb_parallax_asset.parallax-window-height[data-v-center="true"] > .spb_content_wrapper, .spb_parallax_asset.parallax-window-height[data-v-center="true"] > .spb_content_element {
    margin-top: 0 !important;
    top: 0 !important;
}

.spb_parallax_asset.parallax-window-height {
    height: auto !important;
}

[Mohammad – SUPPORT]

Hi,
Great thanks to pointing out this. I am glad that you managed to resolved it.
Thanks
Mohammad

[eternalbeta]

Thank you for the suggestion but unfortunately that did not fix the issue.

[David Martin – Support]

Hi,

Please do not edit the responsive.css stylesheet.

Do you have a test page with this setup as this URL (http://52.2.28.205/ministries/children/) seems to not have the issue currently?

Thanks.

[eternalbeta]

This reply has been marked as private.

[David Martin – Support]

Hi,

This seems to be isolate to iPad landscape only, can you confirm?

If so this should amend it:

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {.mobile-browser .spb_parallax_asset[data-v-center="true"]>.spb_content_element {
    top: 50%!important;
}
}

Thanks.

[eternalbeta]

Sorry for the delay, I’m not receiving email updates from this thread for some reason. The problem actually isn’t just on iPad landscape as I originally discovered it on iPad portrait.

[David Martin – Support]

Hi,

In that case, please test this:

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) { 
.mobile-browser .spb_parallax_asset[data-v-center="true"]>.spb_content_element {
    top: 50%!important;
}
}

Thanks.