Hello!

I just used your JA Promo Bar module on a site with a template JA Donate, it works fine, but on a small screen it doesn’t disappear when I scroll down. I want it to go up and be not visible when visitor scrolls page down. For some reason it works perfectly on a big screen and stop working on a small screen. I set Sticky Opacity to 10 (the smallest option possible) but it is still not what I want, as it is still a bit visible and clickable as well. So I just want it to behave on a small screen as it does on a big one. Can you please help me with this issue?

Thank you in advance.

    tamerlan

    Tested your website on I-Phone-X with Ios 12.4.1 and Ja Promo Bar works fine, button hide it and it disappears when you scroll down the page.

      Hi Pavit,

      Thank you very much for taking time to investigate the issue with the module. Although, you probably don’t understood what I meant. Or maybe it is because I set the “Sticky Opacity” to 10 and it probably seamed to you, that Promo Bar disappeared. So I set the opacity to 100, so it will be easier for you to see, where the problem is.

      The button works fine on any screen, yes. This is a good option and I like to have it.

      But, I ALSO need the Promo Bar to “slide up” or “disappear” automatically when visitor scrolls page down. It works perfectly fine on a big screen, but starting from size 990 px (approximately) and less the Promo Bar appears even the page was scrolled down.
      I needed the Promo Bar to act as on a big screen on any screen size all the time – disappear automatically when visitor scrolls page down (or appear again when visitor is back to the top of a page).

      Thank you.

      Hi,

      You can try this:

      div.t3-wrapper.affix #t3-header {
    top: 0;
    left: 0;
    position: fixed;
    z-index: 10000;
    background: #000000;
    width: 100%;
}

      You may need to reduce the z-index for promo bar also.

      Hi Saguaros,

      Thank you for your answer.
      Although the code, you gave, already exists in a CSS of my site (except with a different collor).
      So I just set z-index for Promo Bar to -9. It sort of worked, but still not as I wanted. As on a small screen part of a Promo Bar can be under the next module now. But this is better than nothing, so I guess I will leave it like this.
      You can close this ticket.

      Regards.

      Write a Reply...
      You need to Login to view replies.