No se puede expandir la navegación del sitio web de wordpress cuando se reduce el tamaño del navegador

4 minutos de lectura

avatar de usuario
asintiendo

busco ayuda en verefly.com. He desarrollado este sitio web con un tema en línea y he realizado los cambios necesarios. Mi problema es que el menú de navegación cuando el navegador se reduce de su tamaño original, no se expande. Idealmente debería hacer eso y estaba funcionando normalmente hasta hace algunos días.

El sitio web normal se ve así:

ingrese la descripción de la imagen aquí

El sitio web se ve diferente cuando el navegador se reduce de tamaño:

ingrese la descripción de la imagen aquí

En la imagen de arriba, verá el menú de navegación, sin embargo, ya no se puede hacer clic en el signo Más. Tampoco se expande. No puedo entender dónde puedo cambiarlo para que funcione de nuevo.

Apreciaría cualquier ayuda .*

* Traté de verificar si el Menú secundario tenía algún problema, pero nada es evidente *

El problema que estás viendo se debe a $(document).ready nunca ser despedido, por lo que (esencialmente) ninguno de los códigos en su custom.js el archivo se está ejecutando.

Como ya se ha señalado, esto se debe a que el jwplayer la creación de instancias en el medio de su página (en la línea 399) está fallando. jwplayer está esperando que pase la ID de un elemento contenedor, pero ningún elemento con una ID de mediaplayer_vid_5 existe en la página.

Por lo tanto, debe eliminar este script por completo o asegurarse de que está pasando una identificación que realmente se está utilizando en algún lugar de la página. Una vez que haya hecho uno de los dos, todo funciona bien.

avatar de usuario
Fredy

Mmm.. ya veo. Intente eliminar o desactivar el script como se muestra a continuación. Puede resolver el problema.

jQuery(document).ready(function(){
       jwplayer("mediaplayer_vid_5").setup({
       "autostart" : "true",
        "controlbar" : "bottom",
        "file" : "http://www.youtube.com/watch?v=pGoCeTMgLE0&feature=youtube_gdata_player",
        "flashplayer" : "http://verefly.com/wp-content/plugins/cool-video-gallery/cvg-player/player.swf", "volume" : "70","width" : "640",
                            "height" : "480",
                            "image" : "http://i.ytimg.com/vi/pGoCeTMgLE0/0.jpg",
                            "mute" : "false",
                            "stretching" : "fill",
                            "skin" : "http://verefly.com/wp-content/plugins/cool-video-gallery/cvg-player/skins/glow-skin/glow.xml"
                        });
                    });

NUEVA ACTUALIZACIÓN :
Este guión está en el artículo “Bóveda en la Ville!“, Le permite verificar la publicación en su administrador de wordpress, allí puede insertar sin darse cuenta este código javascript. Si encuentra este código, elimínelo.

Utilice la fuente de vista del navegador en esta URL http://verefly.com/2012/06/06/vault-in-the-ville-2/ para ver el código javascript a lo que me refiero.

  • Así que quieres que elimine este segmento de código del sitio web… ¿cuál crees que podría ser exactamente el problema?

    – Asintiendo

    26 de marzo de 2013 a las 21:18

  • Sí. Pero intente simplemente desactivar esos scripts usando /* … */ e intente su menú de navegación nuevamente.

    – Freddy

    27 de marzo de 2013 a las 0:59

  • No puedo encontrarlo y cambiarlo … ¿dónde crees que estaría?

    – Asintiendo

    17 de abril de 2013 a las 6:20

  • @njack: De acuerdo, jack, aclaro tu problema. La secuencia de comandos se encuentra en el artículo “¡Vault in the Ville!”. Le permite verificar la publicación en su administrador de wordpress, allí puede insertar inadvertidamente el código javascript.

    – Freddy

    18 de abril de 2013 a las 7:54

  • Intenté esto y realmente no funcionó, también intenté hacerlo en el navegador Mozilla y realmente no hizo ningún cambio. el navegador muestra el error pero no resuelve

    – Asintiendo

    21 de abril de 2013 a las 22:23

Simplemente reemplace el css de su div con id wrapper:

#wrapper {
  float: left;
  width: 99.9%;
  overflow: hidden;
}

  • pero el div contiene otros tramos y otras cosas, ¿no crees que se verán afectados?

    – Asintiendo

    21 de abril de 2013 a las 22:24

  • pruébalo… lo probé cambiándolo en vivo en tu sitio… y para mí funcionó bien… los div no caen debajo de la barra lateral usando este parche…

    – Syed Qarib

    22 de abril de 2013 a las 11:12

  • Intenté cambiarlo pero no tuvo efecto: tengo mi código en el siguiente enlace: pastie.org/7697071 . podrías señalar. los cambios que he comprado hasta ahora hacen que la barra de navegación se abra en la primera página pero no en las páginas restantes. en otras paginas sigue sin abrir

    – Asintiendo

    22 de abril de 2013 a las 11:45


Parece que en el momento de mi publicación tienes un nuevo problema, te falta el código de la parte inferior de la fuente. Comprueba el código después </div> <!-- #main-content --> en esta página http://verefly.com/video/ (o cualquier otro) y compararlo con la página de inicio http://verefly.com/ (le faltan scripts como custom.js + otros y no cerró etiquetas como html, cuerpo, etc.)

Lo más probable es que no haya incluido el pie de página en el código PHP del tema en los diseños que se utilizan en páginas diferentes a la página de inicio.

Escriba una consulta de medios para la clase contenedora para los tamaños calumniados de los tamaños del navegador. si es posible puedes hacerlo con las imágenes también.

Espero eso ayude

¿Ha sido útil esta solución?