Cambiare icona menu mobile

Ciao, vorrei cambiare l'icona del menu della versione mobile con un pulsante "Menu" rettangolare posto subito sotto il titolo del blog... come posso fare?

[karl94]

Io ti sconsiglierei di cambiarlo con quell'immagine, non è chiaro poi che è un pulsante per il menù. L'icona predefinita viene invece riconosciuta immediatamente dall'utente.

Io ti sconsiglierei di cambiarlo con quell'immagine, non è chiaro poi che è un pulsante per il menù. L'icona predefinita viene invece riconosciuta immediatamente dall'utente.

Scusami ma veramente con quel pulsantino non si capiva che era un menu e per giunta era messo in una posizione tale da coprire il titolo del blog...
Comunque sono riuscita a mettere il pulsante che volevo mettere, l'unica cosa è che non riesco a centrarlo bene... ho usato nel css personalizzato questo codice:

.icon-menu {
content: url(http://blog.pianetadonna.it/sogniadocchiaperti/wp-content/uploads/2015/04/menu.jpg);
position: relative;
  top: 210px;
    left: -190px;
  height: 30px;
}

il problema è che con

left: -190px;

su alcuni dispositivi mobili è ben centrato, su altri invece no. Come posso centrarlo per tutti i dispositivi?

[karl94]

Evita un posizionamento di quel tipo. Prova così:

.menu-toggle{top:auto;left:0;right:0;margin:-50px auto;height:50px;width:auto;}
.icon-menu:before{content:'';background:url(/sogniadocchiaperti/wp-content/uploads/2015/04/menu.jpg);display:block;height:50px;width:253px}
#access{margin-top:50px !important;}

Evita un posizionamento di quel tipo. Prova così:

.menu-toggle{top:auto;left:0;right:0;margin:-50px auto;height:50px;width:auto;}
.icon-menu:before{content:'';background:url(/sogniadocchiaperti/wp-content/uploads/2015/04/menu.jpg);display:block;height:50px;width:253px}
#access{margin-top:50px !important;}

Ti ringrazio, comunque ho risolto il problema con il plugin WP Responsive Menu