[Resolved] Header drop-shadow

Home Forums Support Header drop-shadow

  • This topic has 3 replies, 2 voices, and was last updated 4 weeks ago by Leo.
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #1422637
    Matt

    How can I add a drop-shadow under the entire length of header?

    I’ve used this CSS which works great on the sticky header but on desktop the ‘normal’ header doesn’t have a drop-shadow under most of the header.

    If I apply the box-shadow to the primary nav instead – I get a shadow to the left and right of the primary navigation – not what I want.

    #mobile-header .inside-navigation, .main-navigation {
    border-bottom-color: rgba(0, 0, 0, .05) !important;
    box-shadow: 0 2px 8px 0 rgba(16, 7, 104, .07) !important;
    }

    #1423105
    Leo
    Staff
    Customer Support

    Hi there,

    Edit your CSS to this:

    #mobile-header .inside-navigation, .main-navigation {
        border-bottom-color: rgba(0, 0, 0, .05) !important;
        box-shadow: 0 2px 8px 0 rgba(16, 7, 104, .07) !important;
        position: relative;
    }
    #1423441
    Matt

    Perfect, thanks Leo.

    #1423471
    Leo
    Staff
    Customer Support
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.