In questa guida spiegherò come implementare su WSX5 uno slider responsive (FlexSlider, Wowslider, AmazingSlider), in modo che lo slider appaia come un'intestazione della pagina, dove abbiamo il menù sopra ed il contenuto della pagina subito sotto.

ps. con questa guida il menu apparirà sovrapposto allo slider in alto, quindi se la sovrapposizione non vi piacesse basta che modifichiate le foto per avere uno spazio tra il bordo alto della foto e l'inizio dell'immagine (vedi foto allegata).

1. In una nuova pagina del sito che chiameremo (ad es.) slide e che imposteremo come nascosta nel menu del sito, inseriamo i codici forniti dai programmi WowSlider o AmazingSlider, nei rispettivi campi (solitamente un primo codice nel campo Prima della chiusura del tag Head ed un secondo Dopo l'apertura del Tag Body, poi bisogna aggiungere i relativi file dello slider);

2. Nella pagina dove vogliamo che appaia lo slider inseriamo questi codici nei rispettivi campi:

--> Proprieta Pagina | Sezione Esperto | 3^selezione: Prima della chiusura del tag HEAD

<style>
#imContent{
   top: -100px;
}
</style>

<style> #div_iframe {position:absolute;top:0px;width:100%; z-index:2} </style>
<script>function h_iframeK(){
var ww =1399; // larghezza immagini;
var hh =738; // altezza immagini;
var wdiviframe = document.getElementById('div_iframe').offsetWidth;
var hiframe=Math.round(wdiviframe*hh/ww);
document.getElementById('iframek').style.height=hiframe +"px";
document.getElementById('imHeader').style.height=hiframe +"px";}
window.onload = function () {h_iframeK();}
window.onresize = function () {h_iframeK();} </script>

--> Proprieta Pagina | Sezione Esperto | 5^selezione: Dopo l'apertura del tag BODY 

<div id="div_iframe"><iframe id="iframek" name="iframek" width="100%" height="200" 
src="http://www.miosito.it/slide.html" 
scrolling="no" frameborder="no"> </iframe> </div> 

Ovviamente vanno modificate le dimensioni nel primo codice (numeri in grassetto) dove va inserita la risoluzione delle immagini del vostro slideshow (solitamente dovreste avere immagini con risoluzioni uguali). Lo stesso va fatto con il secondo codice dove va inserito l'indirizzo del vostro sito web.

Qui potete trovare un precedente post di una variante di questa implementazione (però non responsive):

https://helpcenter.websitex5.com/it/post/135566

Ringrazio i gentilissimi KolAsim e Mirko che mi hanno aiutato a risolvere questo problema.