New Landing › How can we help? › Atelier › Window Height row shifting content up on iPad

Viewing 11 posts - 1 through 11 (of 11 total)
  • Back to forum
    Posted in: Atelier
  • December 30, 2015 at 4:20 am #237673
    eternalbeta
    Member
    Post count: 76

    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!**

    December 30, 2015 at 2:24 pm #237719
    Mohammad – SUPPORT
    Moderator
    Post count: 27441

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

    December 30, 2015 at 5:40 pm #237740
    eternalbeta
    Member
    Post count: 76
    This reply has been marked as private.
    December 30, 2015 at 5:57 pm #237743
    No Dinx
    Member
    Post count: 25

    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;
}
    December 30, 2015 at 6:19 pm #237747
    Mohammad – SUPPORT
    Moderator
    Post count: 27441

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

    December 30, 2015 at 10:25 pm #237763
    eternalbeta
    Member
    Post count: 76

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

    January 4, 2016 at 12:36 pm #238093
    David Martin – Support
    Moderator
    Post count: 20834

    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.

    January 6, 2016 at 3:42 pm #238648
    eternalbeta
    Member
    Post count: 76
    This reply has been marked as private.
    January 8, 2016 at 12:37 pm #239123
    David Martin – Support
    Moderator
    Post count: 20834

    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.

    January 12, 2016 at 5:16 pm #239814
    eternalbeta
    Member
    Post count: 76

    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.

    January 13, 2016 at 12:27 pm #240022
    David Martin – Support
    Moderator
    Post count: 20834

    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.

  • Back to forum
    Posted in: Atelier
Viewing 11 posts - 1 through 11 (of 11 total)

You must be logged in to reply to this topic.