Search for: Log In Free Support [Resolved] sub-menu box-shadow Home › Forums › Support › sub-menu box-shadow This topic has 7 replies, 2 voices, and was last updated 6 months, 2 weeks ago by David. Viewing 8 posts - 1 through 8 (of 8 total) Author Posts July 9, 2020 at 1:41 am #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 July 9, 2020 at 3:28 am #1357639 DavidStaff 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; } Documentation: http://docs.generatepress.com/ Adding CSS: http://docs.generatepress.com/article/adding-css/ July 9, 2020 at 4:09 am #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 ? July 9, 2020 at 6:46 am #1357869 DavidStaff 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; } Documentation: http://docs.generatepress.com/ Adding CSS: http://docs.generatepress.com/article/adding-css/ July 10, 2020 at 12:21 am #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; } July 10, 2020 at 2:45 am #1358791 DavidStaff Customer Support Haha of course – massively over thought that π Glad you got it resolved. Documentation: http://docs.generatepress.com/ Adding CSS: http://docs.generatepress.com/article/adding-css/ July 10, 2020 at 3:46 am #1358854 Fabien Same as π July 10, 2020 at 3:50 am #1358860 DavidStaff Customer Support π Documentation: http://docs.generatepress.com/ Adding CSS: http://docs.generatepress.com/article/adding-css/ Author Posts Viewing 8 posts - 1 through 8 (of 8 total) You must be logged in to reply to this topic. Log In Username: Password: Keep me signed in Log In