Okay
  Public Ticket #2792390
Transparent header
Closed

Comments

  •   Design-Agency started the conversation
  •  1,878
    Judith replied
    June 2, 2021 at 11:37am

    Hi There,

    Thanks for contacting us.

    Please head to the header settings of the backend editor and set the option below to dark:

    3554900432.png

    Thanks.

  •  1
    Design-Agency replied
    June 2, 2021 at 12:03pm

    Hey Judith.

    Thanks for the fast reply. 
    But actually doesn't solve the problem I have.

    My goal is to have the navigation bar hidden by scrolling down but appearing again by scrolling up. By scrolling up, the background is solid but i would like to have that just a tiny bit transparent something like: rgba(0, 0, 0, 0.7)

    Thanks for helping me out :)

  •  1,878
    Judith replied
    June 2, 2021 at 12:09pm

    Hi There,

    Please try this css:

    #header-outer[data-box-shadow="small"], body.material[data-hhun="1"] #header-outer[data-header-resize="0"][data-box-shadow="small"][data-remove-fixed="0"]:not(.transparent):not(.invisible), body.material[data-hhun="1"] #header-outer[data-header-resize="0"][data-box-shadow="small"][data-remove-fixed="1"]:not(.transparent) {
      
        background-color: rgb(255 255 255 / 0%) !important;
    }

    Thanks.

  •  1
    Design-Agency replied
    June 2, 2021 at 12:30pm

    That's the one :))

    Thank you so much!!