Okay
  Public Ticket #3334007
Transparant Header
Closed

Comments

  •  14
    Jerfalco started the conversation

    Hi guys, Can i make the transparent header have nothing in it? ie, I would like there to be nothing at the top of the page until scrolling. Then the header appears. 

    does that make sense?


    -jeremy

  •  1,877
    Judith replied

    Hi Jerfalco,

    Thanks for keeping in touch.

    Please send in your website URL so that we can provide css for what's possible.

    Thanks.

  •   Jerfalco replied privately
  •  1,877
    Judith replied

    Hi Jerfalco,

    Please try this css:

    .page-id-8 body.material #header-outer[data-transparent-header="true"].transparent {
        display: none;
    }

    Thanks.

  •  14
    Jerfalco replied

    Hi Judith, it's still there.

    thoughts?

  •  2,958
    Andrew replied

    Hello again,

    Add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):

    .page-id-8 body.material #header-outer[data-header-resize="1"]:not([data-format=left-header]):not(.scrolled-down):not(.small-nav) {
        display: none !important;
    }
    

    Thanks,


  •  14
    Jerfalco replied

    hi andrew, it's still there. 


  •  2,958
    Andrew replied

    Hello there,

    To look into this, could you allow us to log in to your website's backend dashboard so we can check on this for you more? We will need the username and password of the admin user and the login URL.

    Thanks,

  •   Jerfalco replied privately
  •  1,877
    Judith replied

    Hi Jerfalco,

    Please check it out now.

    Thanks.

  •  14
    Jerfalco replied

    i still see the words in nav area. 

  •  1,877
    Judith replied

    Hi Jerfalco,

    Please check it out:

    6539856401.png
    3520597036.png

    Thanks.

  •  14
    Jerfalco replied

    it's great! would you mind telling me what you did to accomplish it?


    -j

  •  14
    Jerfalco replied

    actually it messed with the header on the other pages. Now the words are gone on all the headers. even when it is not transparent.

  •   Jerfalco replied privately
  •  1,877
    Judith replied

    Hi Jerfalco,

    I added css in the additional css section, I have commented it out, please check it out.

    Thanks.

  •  14
    Jerfalco replied

    thank you. is this still something that might be accomplished?

  •  2,958
    Andrew replied

    Hello there,

    Thank you for your patience so far.

    I have gone ahead and added the previously share CSS in the CSS box.

    2118900941.png

    Please review and let me know what looks like from your end.

    Cheers,. 

  •  14
    Jerfalco replied

    perfect. thank you!