cant remove drop shadow no matter what header style i choose

Hi there, this is my first website build. i have managed ok with most except one issue i just cant work out. 

website: fokuspilates.au

p word: Fokusbuderim

I'd like the header to blend completely into the rest of the page, every page. Except I have this drop shadow appear which separates the header.

If I change the header style to dynamic or theme, for example, it shows up initially exactly as I want it to look but once I hit save and exit it resorts back to the drop shadow.

I have gone in and untoggled the dropshadow box as well, except as I said once I hit save and exit it resorts back and I'll go back in and check the dropshadow box and it is highlighted/selected once again even though I just turned it off.

I've searched the forums and YouTube tutorials and cant find anyone experiencing this, so it must be a setting I have selected somewhere except I can't seem to find how to do it.

thanks for your help

17 hours ago, tuanphan said:

If you still can't find a way to remove it, you can add this code to Website Tools (under Not Linked Navigation) > Custom CSS

/* remove header shadow */
.header-dropshadow {
    box-shadow: unset !important;
}

 

Thank you so much! This worked perfectly! I appreciate your help 🙏 

OMG, thank you so much! Saved me so much time, I was so desperate.

Yes, i faced the same problem with the website. the answer is helpful for me

thank you and best wishes