Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • October 13, 2015 at 1:52 pm #518082
    ccDev

    We need to push our content below the a 50px header on mobile devices in portrait mode.

    Is this possible for Android ?

    All of our attempts have failed on Android, including devices with large high resolution displays such as the LG G4 and Samsung Galaxy S4. If it matters, our first content is a layer slider,

    Thank you for any assistance.

    October 13, 2015 at 7:35 pm #518307
    Elliott

    Hey Andrew!

    I think I see what your trying to do. It doesn’t really make sense though because if there is nothing underneath the header then there is no point in having it transparent.

    You can add some space with this CSS though.

    @media only screen and (max-width: 767px) {
.responsive #top #main {
    margin-top: 50px !important;
}
}

    Best regards,
    Elliott

    • This reply was modified 9 years, 9 months ago by Elliott.
    October 13, 2015 at 7:57 pm #518316
    ccDev

    Hi Elliiot,

    I just tried your code in Quick CSS and no luck. Like our other attempts, Android is still ignoring the any attempt at a top margin.

    In our application, a transparent head is effective until the height of the slider approaches 250px. Then our text is over written. We already redesign our slider to push our text as far down as it can go.

    Do you have any other ideas?

    Thanks

    October 13, 2015 at 8:23 pm #518340
    Elliott

    Hey!

    Are you trying to move the “What happens after chemo?” text up a bit? Take a screenshot and highlight exactly what your trying to do so we can get a better idea.

    Best regards,
    Elliott

    October 13, 2015 at 8:36 pm #518346
    ccDev

    Hi Elliot,

    The problem is that to much of the slider is overwritten by the header to be usable when in portrait mode on Android. We are only concerned with the slider, which is the first element on the page and nothing else.

    Our goal is top have the first content element on the page display below the header on mobile Android.

    I am sorry if I was not clear.

    Thanks.

    October 13, 2015 at 8:41 pm #518351
    Elliott

    Hey!

    If your just trying to make it so the slider does not display under the header on mobiles then the CSS I posted should be working. Send us a WordPress login.

    If your using a caching plugin then be sure to clear it’s cache as well as your browser cache.

    Regards,
    Elliott

    October 13, 2015 at 8:53 pm #518360
    ccDev

    Hi Elliot,

    We have been flushing caches. The challenge seems to be Android trying to be to smart.

    Please see private content.

    Thanks,

    Andrew

    October 13, 2015 at 9:13 pm #518389
    Elliott

    Hi!

    Sorry, there was a typo. Should be working now.

    Best regards,
    Elliott

    October 13, 2015 at 9:50 pm #518410
    ccDev

    Elliott – Thank you!

  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘Force content below header on Android.’ is closed to new replies.