Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • February 6, 2019 at 3:57 pm #1063671
    thinkjarvis

    I have been using Enfold for a number of years now but this is the first transparent header site I have worked on.

    The header transparency doesn’t seem to work on mobiles at all. I have tried the fix mentioned in other posts but there appears to be a background colour applied dynamically but not sure of the source.

    I have included a link to the test site in the private content section.

    Please can you take a look and see if you can help?

    Kind regards,

    Tom

    February 7, 2019 at 8:59 am #1063917
    Nikko

    Hey Thomas,

    Try adding this css code in Quick CSS (located in Enfold > General Styling):

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

  .html_header_transparency #top #main #av_section_1 {
    padding-top: 80px;
  }
}

    Hope it helps.

    Best regards,
    Nikko

    August 15, 2019 at 10:29 am #1127874
    thinkjarvis

    Thanks I ended up altering the design in the end.

    No problems. The customer site is now live and starting to rank.

    August 15, 2019 at 3:37 pm #1127963
    Jordan Shannon

    Hi,

    I’m glad this was resolved. If you need additional help, please let us know here in the forums

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Transparent header/logo area not working on mobiles’ is closed to new replies.