Okay
  Public Ticket #2575409
Transparant header not working
Closed

Comments

  •  19
    Brian started the conversation
    October 20, 2020 at 11:19am

    The header is bugged when scrolling to a white space.

    When opening the menu (overlay fade without blur) and then closing the menu again the transparency no longer works and instead it is shown with a white background, see attachment.

    How can we fix this?

  •  2,965
    Andrew replied
    October 20, 2020 at 11:25am

    Hi Brian.

    Thank you for contacting us.

    Set up the transparent header as below.

    2603428517.png

    Hope this helps.

    Kind Regards.

  •  19
    Brian replied
    October 20, 2020 at 11:27am

    Thank you for your reply, but this switch is already turned on.

    On the page itself the option 'force use transparent header' is turned on as well... Any other things that could be the issue?

  •  2,965
    Andrew replied
    October 20, 2020 at 11:31am

    Hi Brian.

    Please send me your login details with admin privileges. 

    Thanks.

  •   Brian replied privately
  •  2,965
    Andrew replied
    October 20, 2020 at 12:12pm

    Hi There,

    Thank you for contacting us.

    I have checked from my end and it is not replicating from my side:

    see: 

    8119660118.png

    Try clearing cache using this guide: https://themenectar.ticksy.com/article/6226/.

    Kind Regards.

  •  19
    Brian replied
    October 20, 2020 at 12:14pm

    It happens after openen and then closing the menu.

    After clearing cache the issue is still there and also on another computer and browser.

    It doesn't just happen when scrolling to the white area, only after opening and closing. :)

  •  2,965
    Andrew replied
    October 20, 2020 at 12:30pm

    Hi There,

    Thank you for contacting us.

    Paste this CSS in Salient > General > CSS/Script Related:

    .admin-bar #header-outer[data-permanent-transparent="1"], .logged-in.buddypress #header-outer[data-permanent-transparent="1"] {
        background: transparent;
    }

    Kind Regards.

  •  19
    Brian replied
    October 20, 2020 at 12:38pm

    Thank you for your message, but now the background is still not transparant... see the attached img.

    The issue is that the image no longer changes with the light / dark mode logo.

  •  19
    Brian replied
    October 20, 2020 at 12:42pm

    See the screenshots in the document ;)

  •  2,965
    Andrew replied
    October 20, 2020 at 1:22pm

    Hi Brian.

    Paste this CSS in Salient > General > CSS/Script Related:

    #top {
        position: fixed;
    }

    Hope this helps

    Kind Regards.

  •  19
    Brian replied
    October 20, 2020 at 1:44pm

    I turned off the 'Megamenu Removes Transparent Header' option and it is no longer bugging... So it must've been this options that caused it. But thank you for the prompt support! :D


  •  2,965
    Andrew replied
    October 20, 2020 at 1:53pm

    Hi Brian,

    I am glad you worked that out.

    Regards.