Okay
  Public Ticket #3624273
Header Permanent Transparent not working
Closed

Comments

  •  3
    Simon started the conversation

    The "Header Permanent Transparent" Setting in the Theme Options is set to "on". But it does not seem to work on the frontend. This can be overwritten on most pages by forcing transparency on the page settings itself, but there is no option for that on portfolio, and also it's unnecessary additional work to set it individually.

    I've checked the html output and there it's set to false:
    data-permanent-transparent="false"

    It seems that the setting in options does not carry over.

    Attached files:  Bildschirmfoto 2024-04-09 um 09.35.02.png
      Bildschirmfoto 2024-04-09 um 09.36.07.png
      Bildschirmfoto 2024-04-09 um 09.38.14.png

  •  3,001
    Andrew replied

    Hi Simon,

    Thank you for getting back to us.

    The transparent header is normally triggered when you have a header image or slider at the top of your page. Try adding a header image and let us know how it goes.

    I hope that helps. We look forward to your feedback.

    Kind regards,

  •  3
    Simon replied

    So there is no global way to force the transperent header without using #header-outer { background-color: transparent!important; } ?

    As far as I can see there are two global settings regarding the transperent header.

    1. "Use Transparent Header When Applicable" -> that does what you say

    2. "Header Permanent Transparent" -> I thought this would make the header transperent even if there is no header image or slider at the top.

    And then there is the individual Page Setting "Force Transparency On Navigation" that works as intended. But it seems quite cumbersome to set this for each page instead of having a global option.

    Attached files:  Bildschirmfoto 2024-04-09 um 12.47.51.png
      Bildschirmfoto 2024-04-09 um 12.47.45.png

  •  8,938
    Tahir replied

    Hey Again,

    I am afraid there is no global option for it as it could cause overlapping issues with the Page Content and header. 

    Thanks.


    ThemeNectar Support Team 

  •  3
    Simon replied

    Understood. Thanks for clarifying.

  •  1
    Mauricio replied

    I have the transparent header effect enabled in the side menu (Salient > Header Navigation > Transparent Header Effect) and also activated on my individual pages (Force Transparency On Navigation). However, the effect is not displaying on any page. Any ideas on how to fix this?

    Thanks for the supprt!


    4o

  •  1,918
    Judith replied

    Hello Mauricio,

    Thanks for writing to us.

    To streamline our communication and ensure timely resolution of all your inquiries, we kindly request that you open a new ticket for the new set of queries you have. This will allow us to prioritize and address each issue with the attention it deserves, without any potential oversight.

    We appreciate your cooperation and understanding in this matter.

  •  8,938
    Tahir replied

    Hey Again,

     

    You’ll need to use a filter in your child theme to remove default functionality that prevents the transparent header effect when Yoast breadcrumbs are enabled: https://pastebin.com/bGSxyuNE or alternatively, you can disable the breadcrumb option from within the Yoast settings.

     

    Thanks.


    ThemeNectar Support Team