Ondersteuning » Thema en CSS/opmaak » submenu in mobile opent niet bij 1 van 2 websites

  • Opgelost ChristiaanBoland

    (@christiaanboland)


    Goedendag,
    Ik onderhoud twee websites, beiden met thema Genesis en daaronder Magazine Pro en Magazine Child. De files van deze themas in beide sites zijn identiek,
    Op de sites: https://lbpgtot2022.boland-devries.nl/ (LBPG) en https://fpvgtot2022.boland-devries.nl/ (FPVG), vouwt het menu zich samen als de schermbreedte smal wordt en geven een “hamburger” menu te zien.
    Op beide sites klikt de “hamburger” open naar een lijst menu-regels, waarvan enkele een submenu herbergen, aangegeven met een “V” aan de rechterkant.
    FPVG laat de submenu’s openen, LBPG niet!. Ik kan niet vinden waar het verschil in zit.
    Heb inmiddels alle plugings gedactiveerd, maar zonder verschil.
    Ten einde raad….
    Iemand een suggestie waar te zoeken?

    De pagina waar ik hulp bij nodig heb: [log in om de link te zien]

14 reacties aan het bekijken - 1 tot 14 (van in totaal 14)
  • Guido

    (@guido07111975)

    Hallo Christiaan,

    Ik zie dat je op beide sites niet precies dezelfde plugins gebruikt. Dus de-activeer eens de plugins 1 voor 1 op de site waar het submenu niet getoond wordt. Want mogelijk is het een conflict met een plugin.

    Guido

    Thread starter ChristiaanBoland

    (@christiaanboland)

    Bedankt voor het meekijken. Ik heb alle Plugins gedeactiveert bij LBPG, maar de submenus worden niet zichtbaar.
    Waar zit het mechaniek hiervan? Javascript? welke? of CSS, n waar dan?

    Guido

    (@guido07111975)

    Hoi,

    Ik zie nog wel een scriptfout als ik de site inspecteer in mijn browser, er staat een stukje script in waarschijnlijk bestand header, footer of functions van je thema. En deze tekst staat er bij:

    //the link to federatie.nl should depend on the current site
    //if that is lbpg.nl => federatie.nl, if that is lbpg.boland-devries.nl => federatie.boland-devries.nl
    //written in this header script to enable duplicator usage without mixing links of offical and test site

    Guido

    Thread starter ChristiaanBoland

    (@christiaanboland)

    Ja, dat klopt Guida, aangemaakt in “Header and Footer scripts, maar die staat ook in beide sites.
    Ik heb inmiddels het theme van LBPG naar Twenty Twenty One, waardoor de hele site uiteraard overhoop ging en ook geen “hamburger”meer toonde. Bij terugkeer naar Magazine Pro bleek toch e.e.a. vervormd, dus heb ik de backup maar teruggezet.

    Er is nog een tweede script ook, ook in beide websites.
    Ik heb de scripts weggehaald, maar zie nog geen verbetering op LBPG.

    Ik ben nog steeds op zoek naar het mechaniek van de submenu actie. Is dat Javascript, CSS of PHP en waar vindt het plaats?

    Thread starter ChristiaanBoland

    (@christiaanboland)

    Sorry Guido, typo in je naam in mijn vorig antwoord 😉

    Guido

    (@guido07111975)

    Hoi Christiaan,

    Ik ga ervan uit dat die JavaScript in je thema opgenomen is. Maar het vreemde is dat hij op LBPG het mobiele menu wel uitklapt (dat is ook JavaScript), alleen het uitklappen van submenu werkt niet.

    op LBPG heb je 2 menu’s ingesteld, je kunt de bovenste (de widget) nog eens verwijderen zodat alleen die vh thema zelf getoond wordt. Dus net zo instellen als op de andere site. Ik ga ervan dat je op de menu-pagina van LBPG ook daadwerkelijk een menu-locatie hebt aangevinkt?

    Guido

    Thread starter ChristiaanBoland

    (@christiaanboland)

    Die twee menu’s waren het gevolg van een test, waarbij ik het hoofdmenu van LBPG als “Secondary Navigation Menu” had aangemerkt en vergeten heb dat terug te zetten.
    Experimenterend hiermee en samen met jouw opmerking over een widget, zag ik dat inderdaad onder Widgets in “Header Rechts” het navigatiewidget is opgenomen met het hoofdmenu. Dit was al gedaan toen ik de website overnam en dat heb ik dus over het hoofd gezien.
    Ik heb dat navigatiemenu uit “Header Rechts” gehaald en het hoofdmenu eerst als “Primary Navigation Menu” en toen als “Secondary Navigation Menu” ingesteld, helaas zonder het gewenste effect, dat submenu’s ookk bij de hamburger openen.
    Maar dir geeft wel een aanknopingspunt voor verder zoeken.

    Guido

    (@guido07111975)

    Hoi,

    Je zou de slider eens kunnen uitzetten op de LBPG site, want ook die gebruikt JavaScript (jQuery). Voor de rest zou ik het nu even niet weten..

    En het viel me op dat je thema en plugins niet up-to-date zijn. Probeer ze sowieso eens te updaten. Als je dat niet vertrouwd, maak van tevoren even een backup vd site.

    Guido

    Thread starter ChristiaanBoland

    (@christiaanboland)

    Beste Guido, wat loop je er systematisch doorheen. Helaas biedt het uitzetten van de “Responsive Slider” geen soelaas. Wel merk ik, dat “Responsive SLider” niet aanwezig is in “Widgets” onder “Weergave” in FPVG. Niettemin zijn de files in de thema folders identiek.
    Ik ga daar i.e.g. eens zoeken.

    Thread starter ChristiaanBoland

    (@christiaanboland)

    Heb net gezien, dat de lijstjes onder Weergave-Theme Editor van beide sites niet gelijk zijn. o.a. is er een “navigation.js”.
    Ik kom erop terug ofwel met “gevonden” dan wel met “???”
    Christiaan

    Guido

    (@guido07111975)

    Bestand navigation.js zal het menu zijn. Die zou dan bij beide sites aanwezig moeten zijn. Maar hij opent het mobiele menu wel, alleen het submenu niet, dus hij werkt wel deels.

    Heb je geen account bij de uitgever vh thema en Genesis (StudioPress)? Misschien dat je daar een support ticket kunt openen?

    Guido

    Thread starter ChristiaanBoland

    (@christiaanboland)

    Beste Guido,

    Zoals beloofd, als het opgelost wordt meld ik me weer.

    Een collega heeft de oorzaak van het probleem en de oplossing gevonden:
    In LBPG had ik in het custom css een “!important” setje voor .menu-item a{..} van linker en rechter marge en padding op 6px. Die rechter marge met name zorgde ervoor, dat het hoofdmenu de “V” van de link met overlapt, die daardoor wel gezien wordt, maar niet meer klikbaar is. Verwijdering van de rechter marge en padding loste e.e.a. op.

    Christiaan

    Guido

    (@guido07111975)

    Hoi,

    Aha, ik had niet verwacht dat het aan de CSS lag. De submenu button was aanwezig maar er gebeurde niets, dus ik ging er van uit dat er een script probleem was.

    Bedankt voor je update.

    Als je verder geen vragen meer hebt, wil je dan de status van dit topic op “opgelost” zetten?

    Guido

    Thread starter ChristiaanBoland

    (@christiaanboland)

    Bedankt voor de aandacht.

14 reacties aan het bekijken - 1 tot 14 (van in totaal 14)