Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • October 12, 2015 at 3:11 am #517089
    ccDev

    We have been having trouble with our header on Android. The top zone on our home page is a layer slider with a Transparent header.
    On android we loose transparency and the header become opaque with the top of our slider obscured and top portion of the slider content hidden behind the header.

    An “invisible header that appears on scroll” is not an option as it is needed to maintain user engagement.

    We have been trying to push the slider the 50px down so that is below the header. Unfortunately, android does not honor our multiple attempts. Alternately, we could look for a way to have android display a transparent header as it does properly on all other platforms/

    Our URL is in the Private content.

    Please advise, as our site depends on the layer slider being visible, and is thus unacceptable on Android.

    Thanks.

    • This topic was modified 9 years, 9 months ago by ccDev. Reason: typos
    October 12, 2015 at 1:48 pm #517329
    ccDev

    bump – please help.

    October 12, 2015 at 1:51 pm #517330
    Yigit

    Hey!

    Can you please try adding following code to Quick CSS in Enfold theme options under General Styling tab

    @media only screen and (max-width: 767px) {
#top #wrap_all .av_header_transparency {
    background-color: transparent;
    position: absolute!important;
}}

    Cheers!
    Yigit

    October 12, 2015 at 2:09 pm #517346
    ccDev

    Yigit – Thanks for the fast response! The Quick CSS worked as you intended and now landscape on android looks great.

    Unfortunately, we are still challenged in portrait mod. Even with the transparency, critical content in our slider is still not readable.. Our coder made six attempts push our slider below our 50px header without success on Android.

    Any ideas?

    Thanks again!

    • This reply was modified 9 years, 9 months ago by ccDev. Reason: added private link
    October 12, 2015 at 9:11 pm #517691
    ccDev

    Please take a look at my last post. Thanks

    October 13, 2015 at 9:43 am #517912
    Rikard

    Hey,

    Could you try to adjust the pixel value in Yigits code to see if that helps? For instance: 

    @media only screen and (max-width: 990px) {
#top #wrap_all .av_header_transparency {
    background-color: transparent;
    position: absolute!important;
}}

    Please not that bumping a thread has the reversed effect on this forum so don’t do it if you want quick help.

    Regards,
    Rikard

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.