Non hai inserito il codice HTML del suddetto menu mobile che trovi sotto questo commento:

<!-- menu mobile -->

Non hai caricato questi due file:

files/custom.css

files/custom.js

Sono interessato anche io a questo menu. . . Dove trovo una spiegazione o delle istruzioni per svilupparlo?

Ciao Lemonsong,

grazie mille dell'aiuto,

sapresti dirmi perchè il menu si apre e si chiude immediatamente dopo ?

avevo provato a modificare il codice per personalizzarlo un po , ma anche adesso che ho ripristinato i file come da tuo progetto il fatto persiste .

Ciao Francesco,

il codice principale che ho inserito è:

<style>
/* -- media query -- */
@media screen and (max-width: 976px) {
#imContent > div {
width:100% !important;
}
#imContent > div div {
width:100% !important;
min-height:0 !important;
box-sizing: border-box;
}
#imPage, #imContent, #imContentGraphics, #imHeader div, #imMnMn, #imFooter {
width:100% !important;
box-sizing: border-box;
}
h2#imPgTitle {
width:100% !important;
box-sizing: border-box;
margin-left:0;
}
#imMnMn {
height:auto;
}
img[id^="imObjectImage_"]{
width:100%;
height: auto !important;
}
#imHeader div.search_form {
width: auto !important;
left: auto !important;
right: 3%;
}
}
@media screen and (max-width: 538px) {
#imMnMn > ul {
display: none;
}
.visible-xs {
display: block !important;
}
}
</style>
<link rel="stylesheet" type="text/css" href="/responsive/files/custom.css" media="screen">
<script src="/responsive/files/custom.js"></script>

prima della chiusura del tag head.

poi il codice html del menu:

<!-- menu mobile -->

<div class="visible-xs" id="mobile_menu_list">

<a href="#" id="mobile_menu"><img src="/responsive/files/menu_m1.png" width="40" height="40" alt=""></a>

<ul style="display: none;">

<li><a href="home.html">HOME PAGE</a></li>

<li><a href="pagina 1.html">pagina 1</a></li>

<li><a href="#nogo">PAGINA 2</a></li>

<li><a href="#nogo">PAGINA 3</a></li>

</ul>

</div>

prima della chiusura del tag body.

e i file custom.css, custom.js e menu_m.png in una cartella chiamata files.

Perché adesso ne hai caricati due di file custom.js

Rimuovi questa riga:

<scripttype="text/javascript" src="responsive/custom.js/custom.js"></script>

Se vuoi andare oltre il copia/incolla qua e là, ti consiglio le solite cose: guide HTML, CSS e JavaScript/jQuery

_______ oltre il 5° step ________

http://www.unofficialwsx5.com

Ciao Ivan, grazie x l info. Questi codici dove li trovo?

In farmacia

http://lemonsong.altervista.org/test_media_query/files/custom.css

http://lemonsong.altervista.org/test_media_query/files/custom.js

http://lemonsong.altervista.org/test_media_query/files/menu_m.png

Eheheh grazie Lemon 

Ciao, messaggio x Lemonsong;

ho cominciato a provare un codice per adattare le gallerie, problema, la galleria si adatta, ma se su pc restringi la pagina se non la ricarichi la galleria resta della dimensione precedente, poi se ricarichi tutto ok , consigli ? :)

Studiati il sorgente della gallery ed applica le media queries.

Ciao

ok,

mi sta bene quello che mi suggerisci,

e anche se mi piacerebbe studiare più a fondo gli argomenti, preferisco comprendere tramite tutorial pratici e grazie a questi ho istallato la mia prima galleria fotografica adattabile.

ho solo un problema con il menu che va in primo piano rispetto alla galleria, ho provato ad inserire z-index ma forse sbaglio qualcosa fatto sta che non riesco a risolvere , potresti suggerirmi qualcosa ? :) :)

p.s. la galleria è nalla pagina http://www.okilprezzoegiusto.eu/responsive/print.html

Non ho capito bene il tuo problema del menu ma ti posso suggerire di correggere la valanga di errori che hai in quella pagina.

Quando parlo di errori mi riferisco dalla semplice validazione ad errori più gravi come, per esempio, la ripetizione di tag tipo html, body e head

fatto !! :) 

ti allego l'immagine dell'errore 

... prova ad assegnare un valore z-index superiore a quello del menu, che in genere sta sui 10000-10100; ...controlla...

.

ciao

io nel codice vedo ancora un sacco di errori...

ho visto, erano già nel codice esempio che ho preso su html.it , adesso li prendo singolarmente e cerco di risolverli ;) anche se non capisco "tipo"

Proprietà sconosciuta “-moz-box-shadow”. Dichiarazione tralasciata......