[Resolved] sub-menu box-shadow

Home Forums Support sub-menu box-shadow

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #1357521
    Fabien

    Hi,

    I am trying to append the existing box-shadow applied to the sub-menu but I have the following issue : the box-shadow overlap with the masthead (at the top).

    I am trying to achieve something similar to : https://www.convertflow.com/blog

    Thanks

    #1357639
    David
    Staff
    Customer Support

    Hi there,

    that site has a dedicated element to sit above the Sub Menu to block out the shadow.

    Not sure about this but you could try this CSS:

    nav .main-nav .mega-menu>ul {
        padding-top: 132px !important;
        top: -50px;
        z-index: -1;
    }
    
    .inside-header .secondary-navigation,
    .inside-header .site-logo {
        z-index: 1000;
    }
    #1357688
    Fabien

    Hi David,

    Thanks it does work ! But I am loosing my bottom-border on the masthead…. Any idea on how to fix this ?

    #1357869
    David
    Staff
    Customer Support

    Hmm… try adding your border with this CSS:

    .inside-header {
        position: relative;
    }
    .inside-header:before {
        content: '';
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 1000;
        border-bottom: 1px solid #d1d7dc;
        pointer-events: none;
    }
    #1358720
    Fabien

    Thanks David !

    I’ve actually found a way in the mean time, using negative spread :

    @media (min-width: 769px)
    nav .main-nav .mega-menu>ul {
        position: absolute;
        width: 100%;
        left: 0!important;
        box-shadow: 0 18px 20px -13px rgba(21,21,21,.12);
        padding: 20px 0;
        display: flex;
        margin-top: 1px;
    }
    #1358791
    David
    Staff
    Customer Support

    Haha of course – massively over thought that 🙂

    Glad you got it resolved.

    #1358854
    Fabien

    Same as 😉

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