Die Navigation der WordPress-Website kann nicht erweitert werden, wenn die Browsergröße reduziert wird

Ich suche Hilfe in verefly.com. Ich habe diese Website mit einem Online-Thema entwickelt und die notwendigen Änderungen vorgenommen. Mein Problem ist, dass sich das Navigationsmenü, wenn der Browser von seiner ursprünglichen Größe verkleinert wird, nicht erweitert. Es sollte das idealerweise tun und hat bis vor einigen Tagen normal funktioniert.

Die normale Website sieht so aus:

Die Website sieht anders aus, wenn der Browser verkleinert wird:

Im obigen Bild sehen Sie das Navigationsmenü, allerdings ist das Pluszeichen nicht mehr anklickbar. Es dehnt sich auch nicht aus. Ich kann nicht verstehen, wo ich es ändern kann, damit es wieder funktioniert.

Ich würde mich über jede Hilfe freuen.*

* Ich habe versucht zu überprüfen, ob das sekundäre Menü ein Problem hat, aber nichts ist offensichtlich *

Das Problem, das Sie sehen, ist auf Folgendes zurückzuführen $(document).ready nie gefeuert, also (im Wesentlichen) nichts von dem Code in Ihrem custom.js Datei wird ausgeführt.

Wie bereits erwähnt, liegt dies daran, dass die jwplayer Die Instanziierung in der Mitte Ihrer Seite (in Zeile 399) schlägt fehl. jwplayer erwartet, dass Sie die ID eines Containerelements übergeben, aber kein Element mit einer ID von mediaplayer_vid_5 existiert auf der Seite.

Sie müssen dieses Skript also entweder vollständig entfernen oder sicherstellen, dass Sie eine ID übergeben, die tatsächlich irgendwo auf der Seite verwendet wird. Sobald Sie eines der beiden getan haben, funktioniert alles gut.

Mmm.. ich verstehe. Versuchen Sie, das Skript wie unten zu entfernen oder zu deaktivieren. Kann das Problem lösen.

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"
                        });
                    });

NEUES UPDATE :
Dieses Skript ist im Artikel “Gewölbe in der Ville!“, lassen Sie den Beitrag in Ihrem WordPress-Adminbereich einchecken, dort könnten Sie versehentlich diesen Javascript-Code einfügen. Wenn Sie diesen Code finden, entfernen Sie ihn.

Bitte verwenden Sie die Browser-View-Quelle in dieser URL http://verefly.com/2012/06/06/vault-in-the-ville-2/ um den Javascript-Code zu sehen, was ich meine.

Ersetzen Sie einfach das CSS Ihres Div durch den ID-Wrapper:

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

Sieht so aus, als hätten Sie zum Zeitpunkt meines Beitrags ein neues Problem, Ihnen fehlt Code am Ende der Quelle. Überprüfen Sie den Code danach </div> <!-- #main-content --> auf dieser Seite http://verefly.com/video/ (oder irgendein anderes) und vergleiche es mit der Homepage http://verefly.com/ (Ihnen fehlen Skripte wie custom.js + andere und Sie haben Tags wie html, body usw. nicht geschlossen.)

Höchstwahrscheinlich haben Sie die Fußzeile nicht in den PHP-Code des Themas auf den Layouts eingefügt, die auf anderen Seiten als der Homepage verwendet werden.

Schreiben Sie eine Medienabfrage für die Wrapper-Klasse für die verleumdeten Größen der Browsergrößen auf. Wenn möglich, können Sie dies auch mit den Bildern tun.

Ich hoffe es hilft