Menu werkt niet op mobiel

  • Opgelost sugarmice

    (@sugarmice)


    1 week, 4 dagen geleden

    Ik heb een website gemaakt. https://artwithjolo.nl
    Nu is het probleem dat de menustructuur het op de telefoon niet meer werkt. (Voorheen wel)
    Ik heb een nieuwe voorpagina gemaakt met “Design Library”, ik heb het idee dat het daarna mis ging. Ik heb deze ook uitgezet en een andere voorpagina getest, maar probleem blijft.
    Ik gebruik thema “The art gallery”, deze is responsive.
    Heeft iemand een idee, want ik kom er niet uit waar het probleem ligt.

    Met vriendelijke groet,
    Marco

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

3 reacties aan het bekijken - 1 tot 3 (van in totaal 3)
  • Bouke Lourens

    (@dewebdeveloper)

    1 week geleden

    Zoals ik kan zien lijkt het probleem zich niet voor te doen op het moment dat je een submenu opent. Het lijkt wel of er een overlay over het menu zit.

    Je zou eens onderstaande CSS kunnen invoegen om te kijken of hiermee het probleem is verholpen. Dan weet je in iedergeval waar je het moet zoeken. 

    /* Zorg dat het submenu standaard niet zichtbaar is */
    .sub-menu {
        display: none;
        position: absolute;
        background: white;
        box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
        z-index: 1000;
    }

    /* Toon submenu wanneer de ouder (li) gehoverd wordt of als een child element focus krijgt */
    .menu-item:hover > .sub-menu,
    .menu-item:focus-within > .sub-menu {
        display: block;
    }

    CSS wijzigen:

    Let wel op dat je enkel het CSS toevoegd en hier niets verwijderd! Je kunt het extra CSS helemaal onderaan de pagina plaatsen.

    Customizer gebruiken

    • Login op je WordPress website.
    • Ga naar Weergave > Customizer.
    • Klik op Extra CSS.
    • Voeg je aangepaste CSS-code toe en klik op “Publiceren”.

    Dit is eenvoudig te wijzigen, en biedt een tijdelijke oplossing. Het lost alleen niet het daadwerkelijke probleem op.

    Support

    Je zou het beste voor een volledige oplossing even een topic aan kunnen maken bij de ontwikkelaars van het thema:

    https://wordpress.org/support/theme/imagegridly/

    • Deze reactie is gewijzigd 1 week geleden door Bouke Lourens. Reden: propertie van: 0 naar fit-content gewijzigd
    • Deze reactie is gewijzigd 1 week geleden door Bouke Lourens. Reden: CSS properties nog niet ideaal voor tijdelijke fix
    Thread starter sugarmice

    (@sugarmice)

    1 week geleden

    Goedenavond Bouke,

    Hartelijk dank voor je uitgebreide en duidelijke hulp.
    Ik heb de CSS code geplaatst. De sub menu’s werkte nog niet, maar heb dit “opgelost” door geen submenu’s meer te gebruiken. Op de computer krijgt de lay-out dan wel twee rijen met links, maar op de mobiel is het geen probleem, krijg je netjes alles onder elkaar en werkte elke link. Nemen we de layout op de computer maar even voor lief. Zal mijn vriendin, waar ik de site voor maak wel overtuigen dat dit voorlopig de beste manier is.

    Nogmaals hartelijk dank, dergelijke codes gaan mij ver boven de pet. 😉

    Met vriendelijke groet,
    Marco

    Bouke Lourens

    (@dewebdeveloper)

    1 week geleden

    Graag gedaan!

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