How do i put shadow under announcement bar?

Store Design
1

Hi there,

As you can see below in the images I attached, i put shadow underneath my navigation bar using the code:

.nav-bar__inner {
box-shadow: 0px 7px 10px rgb(0 0 0 / 20%);
}

I have recently made an announcement bar beneath the navigation bar, but i cannot find out how to put the shadow beneath the announcement bar now instead off the navigation bar. The announcement bar is fully custom coded.

Can someone help me put shadow beneath please?

joshualev_0-1651652974310.png

joshualev_1-1651652974412.png

i created a file in snippets called dg-flash-infos.liquid and put this code inside:

I then linked this in theme.liquid: {% include ‘dg-flash-infos’ %}

Free shipping on orders over £50!
Award Winning Products
Safe & Secure Delivery
Excellent Customer Support
Secure Payments
.flash-infos { padding:6px 10px; background:#98D1C9; color:#FFF; display:flex; width:100%; max-width:100%; align-items:center; } .flash-info { padding:0; display:flex !important; align-items:center; justify-content:center; } .flash-info svg { fill:#FFF; margin-right:7px; width:auto; height:28px; } .flash-info.truck svg { height:30px; } .flash-info-pulse { animation: flash-pulse 5s infinite; } @keyframes flash-pulse { 0% { opacity:0; } 50% { opacity:1; } 100% { opacity:1; } }