• Home
  • Forum
  • Fare Web
  • HTML e CSS

Menu (im)mobile

  • Creatore Discussione Creatore Discussione JtothaX
  • Data di inizio Data di inizio 19 Giu 2014
J

JtothaX

Utente Attivo
2 Ott 2013
78
0
0
Treviso
  • 19 Giu 2014
  • #1
Amici del forum, salute a voi.
Vi scrivo perché non sono riuscito a trovare qualche post che mi schiarisca le idee su quanto sto realizzando. Trattasi di sito responsive. Abbastanza responsive. Chiaramente ho realizzato un secondo menu di navigazione principale per le versioni smartphone/tablet aka mobile. Nel foglio CSS formatto il menu, formatto il menu-mobile. A quest'ultimo impongo il display none e, in coda al foglio, dentro a @media screen width 768px attivo invece il display contrario.

Restringo la finestra del browser per fare qualche test. Siamo al breakpoint indicato.
Il menu sparisce, il menu mobile funziona con tanto di slideToggle realizzato con jQuery.
Se tengo il menu mobile aperto e torno ad allargare la finestra, per tornare diciamo alla versione desktop, mi succede che torna il menu principale ma quello mobile non sparisce.

Da cosa potrebbe dipendere?
Le ho provate un po' tutte, anche l'inclusione di PHP tramite jQuery ma continuo a non venirne fuori.


Grazie come sempre in anticipo a tutti
Chao
 
J

JtothaX

Utente Attivo
2 Ott 2013
78
0
0
Treviso
  • 22 Giu 2014
  • #2
Tutti al mare, eh?
 

criric

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
21 Ago 2010
5.606
54
48
TN
  • 23 Giu 2014
  • #3
Ciao, è difficile tirare a indovinare.
Hai un link ?
 
J

JtothaX

Utente Attivo
2 Ott 2013
78
0
0
Treviso
  • 24 Giu 2014
  • #4
Yep, l'ho hostato a questo link
altervista.org/demo/

Confido in voi...
 

criric

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
21 Ago 2010
5.606
54
48
TN
  • 24 Giu 2014
  • #5
potresti metterci una pezza con jquery
Codice:
 $(window).resize(function() {
        if ($(window).width() > 768) {
            $("#menu-mobile").hide();
        }
    });
anche se nel css vedo che il display è settato a none
 
J

JtothaX

Utente Attivo
2 Ott 2013
78
0
0
Treviso
  • 24 Giu 2014
  • #6
Esattamente. Avevo anche già provato una forzatura, diciamo così, con jQuery, ma nemmeno quella mi ha risolto la situazione. Incollo il codice qui di seguito, intanto provo con quello che mi hai dato tu, non si sa mai che quello funzioni...

Codice:
jQuery(function(){
	
	$(document).ready(function(){
		
		var windowWidth = $(window).width();
		
		if (windowWidth <= 768) {
			$('#menu').hide();
		}
	
		if (windowWidth > 768) {
			$('#menu-mobile').hide();
			$('#menu').show();	
		}
		
		$('img#menu-mobile-activator').click(function(){
			$('#menu-mobile').slideToggle(200);			
		});
		
	});

});
 
J

JtothaX

Utente Attivo
2 Ott 2013
78
0
0
Treviso
  • 24 Giu 2014
  • #7
Okay, ora questa me la dovete proprio spiegare, eh...
Perchè la tua funziona e la mia no? Non dicono la stessa cosa in modo diverso?
Forse il mio era un attimo più lungo...


Grazie comunque
 

criric

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
21 Ago 2010
5.606
54
48
TN
  • 24 Giu 2014
  • #8
tu hai usato il metodo ready() e quindi esegui il codice solamente una volta al caricamento della pagina
io ho usato resize() che esegue il codice ogni volta che viene ridimensionata la finestra
devi provarlo sui cellulari non so se funziona
 
J

JtothaX

Utente Attivo
2 Ott 2013
78
0
0
Treviso
  • 24 Giu 2014
  • #9
Argh, è vero, per quello funzionava col refresh...
Bueno, direi topic risolto
 
Devi accedere o registrarti per poter rispondere.

Discussioni simili

W
[HTML] Animazione menu mobile
  • webfra01
  • 15 Ott 2018
  • HTML e CSS
Risposte
0
Visite
1K
HTML e CSS 15 Ott 2018
webfra01
W
P
[Gratuito][Cerco] qualcuno per fare menu a tendina ottimizzato per mobile-responsive con css e html
  • podset
  • 15 Lug 2018
  • Offerte e Richieste di Lavoro e/o Collaborazione
Risposte
3
Visite
2K
Offerte e Richieste di Lavoro e/o Collaborazione 17 Lug 2018
podset
P
L
[HTML] versione mobile eliminare stile menu da nav
  • luigi777
  • 8 Feb 2017
  • HTML e CSS
Risposte
0
Visite
2K
HTML e CSS 8 Feb 2017
luigi777
L
L
[HTML] bootstrap problema menu dropdown in mobile.
  • luigi777
  • 21 Giu 2016
  • HTML e CSS
Risposte
3
Visite
2K
HTML e CSS 21 Giu 2016
Max 1
C
Menu mobile fisso e frequenza di rimbalzo
  • colomber
  • 1 Mag 2016
  • HTML e CSS
Risposte
4
Visite
1K
HTML e CSS 2 Mag 2016
colomber
C
M
Layout e menu mobile
  • marcoverri
  • 26 Ott 2015
  • HTML e CSS
Risposte
2
Visite
1K
HTML e CSS 27 Ott 2015
marcoverri
M
C
Menu con puntatore mobile
  • ciccioroky
  • 31 Lug 2012
  • jQuery
Risposte
8
Visite
2K
jQuery 6 Ago 2012
criric
K
Personalizzazione menu e controlli
  • Kromax2000
  • 24 Gen 2025
  • MS Access
Risposte
0
Visite
373
MS Access 24 Gen 2025
Kromax2000
K
T
problemi con dati menu a tendina
  • tregafabio
  • 22 Giu 2023
  • HTML e CSS
Risposte
2
Visite
2K
HTML e CSS 22 Giu 2023
tregafabio
T
A
menu a tendina php
  • Annama74
  • 30 Apr 2023
  • PHP
Risposte
1
Visite
1K
PHP 1 Mag 2023
marino51
M
Accordion menu e posizione div
  • miagy
  • 29 Ago 2022
  • HTML e CSS
Risposte
0
Visite
1K
HTML e CSS 29 Ago 2022
miagy
M
F
Menu responsive larghezza schermo
  • francescomi
  • 7 Nov 2021
  • HTML e CSS
Risposte
2
Visite
1K
HTML e CSS 19 Nov 2021
francescomi
F
G
Colorare menu select attraverso ricerca php
  • Gabriele_04
  • 18 Ott 2021
  • PHP
Risposte
0
Visite
1K
PHP 18 Ott 2021
Gabriele_04
G
M
Creazione menu a tendina
  • matteot
  • 31 Mar 2021
  • Javascript
Risposte
3
Visite
3K
Javascript 1 Apr 2021
matteot
M
D
menu con submenu orizzontale
  • degadesign
  • 7 Gen 2021
  • HTML e CSS
Risposte
0
Visite
2K
HTML e CSS 7 Gen 2021
degadesign
D
Menu fisso copre i titoli quando cliccati nel sommario jQuery
  • Cosina
  • 22 Dic 2020
  • Javascript
Risposte
4
Visite
2K
Javascript 23 Dic 2020
WmbertSea
G
creazione menu a tendina e invio a pagina php
  • giacomo9783
  • 30 Nov 2020
  • PHP
Risposte
1
Visite
2K
PHP 30 Nov 2020
Tommy03
P
Sub menu con Collapse.
  • PaoloG
  • 12 Set 2020
  • Javascript
Risposte
0
Visite
1K
Javascript 12 Set 2020
PaoloG
P
R
abilitare menu a tendina tramite relativa chekbox
  • R@ff@
  • 19 Lug 2020
  • PHP
Risposte
17
Visite
2K
PHP 20 Lug 2020
R@ff@
R
L
Aiuto creazione menu mancante
  • loreamos
  • 30 Mag 2020
  • WordPress
Risposte
0
Visite
3K
WordPress 30 Mag 2020
loreamos
L
Condividi:
Facebook X (Twitter) LinkedIn WhatsApp e-mail Condividi Link
  • Home
  • Forum
  • Fare Web
  • HTML e CSS
  • Italiano
  • Termini e condizioni d'uso del sito
  • Policy Privacy
  • Aiuto
  • Home
Community platform by XenForo® © 2010-2024 XenForo Ltd. | Traduzione a cura di XenForo Italia
Menu
Accedi

Registrati

  • Home
  • Forum
    • Nuovi Messaggi
    • Cerca...
  • Novità
    • Featured content
    • Nuovi Messaggi
    • Ultime Attività
X

Privacy & Transparency

We use cookies and similar technologies for the following purposes:

  • Personalized ads and content
  • Content measurement and audience insights

Do you accept cookies and these technologies?

X

Privacy & Transparency

We use cookies and similar technologies for the following purposes:

  • Personalized ads and content
  • Content measurement and audience insights

Do you accept cookies and these technologies?