Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • December 15, 2017 at 5:08 pm #889336
    petrboros

    Hello,

    I have sticky header menu, however on small devices it doesn’t stick – however it still shrinks a changes transparency (on pages with transparent header).

    I would like to achieve one of those two things. Either
    1. Have the menu really stick even on small devices, or
    2. don’t stick on small devices, but don’t shrink and don’t change transparency on transparent header pages.

    Could you help me with this?

    Thank you very much.

    December 16, 2017 at 5:09 pm #889575
    petrboros

    This one solved it for me. It doesn’t stick, it still shrinks, but it doesn’t change transparency

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

  .responsive #top .header_color.av_alternate_logo_active.av_header_transparency .logo a > img {
    opacity: 0 !important;
  }

  .responsive #top .header_color.av_header_transparency .logo img.alternate {
    display: block !important;
  }

  .responsive #top .header_color #header_meta {
      -webkit-transition: none;
      transition: none;
      background: transparent;
  }

  .responsive #top .header_color .header_bg {
      opacity: 0;
      filter: alpha(opacity=0);
  }

  .responsive #top .header_color #header_main {
      border: none;
  }
}
    December 16, 2017 at 7:10 pm #889643
    Victoria

    Hi petrboros,

    So do you still need help? Or you’re all set?

    Best regards,
    Victoria

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