menu sovrapposto in phone mode

[caruccis]

Ciao a tutti,
avrei bisogno di un aiuto con un sito www.ritzcafe.it

In modalità cellulare, quindi riducendo la finestra di chrome, il menu si sovrappone allo slider. Vorrei invece che lo slider si posizionasse al di sotto del menu.

In modalità desktop invece non ho problemi.

Non saprei quale elemento css modificare e con quale valore.
In allegato il risultato al ridimensionamento della finestra.

Grazie mille
Salvatore.

[caruccis]

Scusate l'insistenza, nessuno può aiutarmi?
Grazie 1000

[KillerWorm]

Ciao, la causa è il posizionamento assoluto e il display:inline-block di questo elemento:

<div id="e4xw7_menuCategories" class="menuview_horizontal menuCategories_ctrl">

Tali proprietà sono applicate attraverso un file .jsp creato dinamicamente:

gscs_fe_gadget_menucat_hor_portlet.jsp?SpCssCode=rwlp11mhf2

Alla riga 17 del css generato, è presente questa regola:

.gscs_fe_gadget_menucat_hor_portlet > .menuCategories_ctrl {
  box-sizing:border-box;
  z-index:1;
  position:absolute;
  display:inline-block;
  top:1px;
  left:0px;
  right:3px;
  width:auto;
  height:21px;
}

Sarà sufficiente rimuovere position e display per ottenere il risultato richiesto. In tal caso, le altre proprietà sono superflue; teoricamente potresti rimuovere l'intera regola.

Dal momento che il file è creato dinamicamente non so se ti sarà possibile agire direttamente su quello; in alternativa potresti fare un override di quelle due proprietà, cioè creare un css personalizzato in cui applicare, per quell'elemento, queste due proprietà:

position: static;
display: block;

Prova e fai sapere.

[caruccis]

Grazie per la risposta. Provo a testare e vi tengo aggiornati.

[caruccis]

perfetto, tutto OK.
Ha funzionato.
Grazie