[...] irgendeine Idee, wie ich mein Vorhaben trotzdem umsetzen kann? [...]

Ja, wenn Du Dich an die Bearbeitung des Quellcodes der Site herantraust.

Normalerweise kannst Du die hierarchische Anordnung der Objekte auf einer Website mit dem z-index Wert steuern, den Du einem entsprechenden DIV Container zuweist.
Im aktuellen Fall geht das aber nur, wenn Du den Schatten als Einzelobjekt anlegst, also ohne einen Balken als "Mutterobjekt". Nur dann kannst du dem Schatten z. B. den z-index Wert "3" zuweisen und ihn damit über die Slideshow legen.
Benutzt Du die übliche Methode mit einem Mutterobjekt, dem du einen Schatten verpasst, werden beide Objekte mit dem neuen z-index Wert über die NavBar gelegt und sie komplett verdecken, was nicht Sinn der Übung ist.

Damit alles wie gewünscht funktioniert, legst Du Dir zunächst eine Schattengrafik in der gewünschten Höhe an, sagen wir 20px. Die Breite ist unwichtig, weil die Grafik später automatisch auf die Seitenbreite vergrößert wird.
Wichtig ist, dass die Grafik im PNG Dateiformat angelegt und auch so in den WD übernommen wird, sonst geht die Transparenz verloren!

Zieh' die Grafik an die gewünschte Position ins Editor Fenster und gib ihr einen Namen, z. B. "Shadow".

Nach den Einstellungen für die seitenbreite Darstellung kannst Du das Projekt lokal exportieren.
Anschließend öffnest Du die Seite mit einem einfachen Editor und suchst den DIV Container mit der ID "Shadow".

Den Style Anweisungen fügst Du nun den Zusatz "z-index:3;" hinzu

Danach speicherst Du die geänderte Seite, öffnest sie mit einem Doppelklick im Standardbrowser.

Und freust Dich, dass es geklappt hat...

Klar, dass die Details noch angepasst werden müssen. Die Schattengrafik kann sicher verbessert werden etc.
Auch die Ebene für die Anlage der Grafik kann verändert werden, z. B. kannst Du sie ggf. in die Pasteboard background Ebene legen usw.

Probier's mal...

Viel Erfolg