Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • July 31, 2016 at 8:41 pm #667045
    mandelkind

    I’ve configured some transparency settings for my navigation.

    In the desktop version everything looks exactly how it should.
    How to get the exact same result in the mobile version?

    To be specific what “the same result” means:
    The logo set for transparency and transparency for the navigation itself.

    A solution which adapts any chances done in the backend to the navigation would be preferred.

    August 4, 2016 at 4:11 am #668354
    Ismael

    Hey mandelkind,

    Thank you for using Enfold.

    Aside from a limited space, mobile devices do not handle fixed or sticky elements consistently that’s why the behaviour is disabled. Another user requested this same settings but it creates another issues on mobile. Anyway, you can try this:

    @media only screen and (max-width: 767px) {
.responsive #top #wrap_all #header {
    position: fixed;
}

.responsive #top #wrap_all .av_header_transparency {
background-color: transparent;
}
}

    Best regards,
    Ismael

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