Okay
  Public Ticket #2644744
Shadow in the menu bar
Closed

Comments

  •  1
    Victoria Montero started the conversation
    December 29, 2020 at 11:52pm

    Him

    How can I get rid of the shadow in the header/menu bar?

    Thanks!


  •  2,963
    Andrew replied
    December 30, 2020 at 12:06am

    Hi Victoria,

    Please send your website url so that we can provide the possible css.

    Thanks.

  •   Victoria Montero replied privately
  •  2,963
    Andrew replied
    December 30, 2020 at 12:27am

    Hi Victoria,

    Please try this css in Salient > General Settings > CSS/Script Related:

    #header-outer[data-box-shadow="large"], body.material[data-hhun="1"] #header-outer[data-header-resize="0"][data-box-shadow="large"][data-remove-fixed="0"]:not(.transparent):not(.invisible), body.material[data-hhun="1"] #header-outer[data-header-resize="0"][data-box-shadow="large"][data-remove-fixed="1"]:not(.transparent) {
        box-shadow: none;
    }

    Thanks.

  •  1
    Victoria Montero replied
    December 30, 2020 at 1:51am

    it worked, thank you so much!

  •  1
    Victoria Montero replied
    December 30, 2020 at 2:05am

    Not sure if this would be possible, but is there a way a fine rule can be added at the bottom of the menu? Same as the line that divides the secondary menu on the right?

  •  2,963
    Andrew replied
    December 30, 2020 at 4:01am

    Hi Victoria,

    Please try this css:

    @media only screen and (min-width: 1000px)
    #header-outer:not([data-format="left-header"]) {
        border-bottom: 1px solid #cccccc;
    }

    Thanks.

  •   Victoria Montero replied privately
  •  2,963
    Andrew replied
    December 30, 2020 at 6:15am

    Hi Victoria

    Please try this css: (i have added the outer braces)

    @media only screen and (min-width: 1000px){
    #header-outer:not([data-format="left-header"]) {
        border-bottom: 1px solid #cccccc;
    }
}

    Thanks.

  •  1
    Victoria Montero replied
    December 30, 2020 at 6:25am

    Looks like it's still not working?

  •  2,963
    Andrew replied
    December 30, 2020 at 6:31am

    Hi Victoria,

    I noticed the the closing brace was missing as shown below and I added it. Please check and let us know if you need any further assistance.

    1478003702.png

    Thanks.

  •  1
    Victoria Montero replied
    December 30, 2020 at 6:37am

    Thanks for adding that. I don't see the red crosses anymore but I don't see any change in the header nav.

    http://staging1.vickymontero.com/portfolio/stitch-fix-art-direction/

  •  2,963
    Andrew replied
    December 30, 2020 at 7:07am

    Hi There,

    Please try this css:

    body #header-outer[data-transparent-header="true"][data-remove-border="true"], #header-outer[data-transparent-header="true"][data-full-width="true"][data-remove-border="true"] .cart-menu, #header-outer[data-transparent-header="true"][data-full-width="false"][data-remove-border="true"].transparent .cart-menu, .ascend #header-outer.transparent[data-transparent-header="true"][data-full-width="true"][data-remove-border="true"] #top .nectar-woo-cart .cart-contents {
        border: 1px solid rgba(0,0,0,0.07);
    }

    Thanks.

  •  1
    Victoria Montero replied
    December 30, 2020 at 8:09am

    Still no changes, not sure if I'm doing anything wrong?

  •  2,963
    Andrew replied
    December 30, 2020 at 8:18am

    Hi Victoria,

    I added !important to the code please check and let us know whether you need any further assistance.

    body #header-outer[data-transparent-header="true"][data-remove-border="true"], #header-outer[data-transparent-header="true"][data-full-width="true"][data-remove-border="true"] .cart-menu, #header-outer[data-transparent-header="true"][data-full-width="false"][data-remove-border="true"].transparent .cart-menu, .ascend #header-outer.transparent[data-transparent-header="true"][data-full-width="true"][data-remove-border="true"] #top .nectar-woo-cart .cart-contents {
        border: 1px solid rgba(0,0,0,0.07) !important;
    }

    Thanks.

  •  1
    Victoria Montero replied
    December 30, 2020 at 8:34am

    yay! thank you so much for your help.