Okay
  Public Ticket #2686748
Salient Transparent Header Menu Opacity (Dropshadow)
Closed

Comments

  • jeff_lafrenz started the conversation
    February 9, 2021 at 9:38pm

    Looking to edit the opacity of the backdrop (shadow) on the transparent header. (uploaded a photo which shows the menu blending in with the background making it hard to read). I was also wondering if we could have the white menu bar line under the header menu like seen in this video. 

  •  2,722
    Andrew replied
    February 10, 2021 at 6:18am

    Hi Jeff,

    Thanks you for reaching out to us.

    Please send us your login credentials so that we can access your website.

    Thanks.

  • jeff_lafrenz replied
    February 10, 2021 at 8:04pm

    Hi Andrew,

    access to stage site user and password - 

    https://vizworxcom.stage.site/

    User: staging_ajfbik
    Pass: FVTR8AJQ3NvP

  •  2,722
    Andrew replied
    February 11, 2021 at 4:14am

    Hi There,

    For the menu transparency please use this css in custom css code found in Salient > General Settings >CSS/Script Related:

    body[data-bg-header="true"] #header-outer[data-permanent-transparent="1"].transparent {
        background-color: #0000004d!important;
    }

    For the bar line at the bottom please try this css:

    #header-outer[data-permanent-transparent="1"][data-transparent-header="true"][data-transparent-shadow-helper="true"].transparent:not(.dark-slide) {
        border-bottom: 1px solid grey !important;
    }

    Thanks.