Ondersteuning » Thema en CSS/opmaak » hamburger menu

  • Hey, goedemiddag,

    Mijn website (met storefront template) heeft een klein, lelijk probleempje met het menu aan de bovenkant. Als je de website smaller maakt, dan wordt het uiteindelijk een hamburger menu, maar eerst gaat ie het menu op 2 regels zetten en valt het over de rest van de website heen. Heeft iemand hier de oplossing? Waarschijnlijk is het ergens dat ik de minimale (of maximale) wijdte ergens aanpassen moet, maar ik kom er niet uit.

    Alvast bedankt voor het meedenken.

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

4 reacties aan het bekijken - 1 tot 4 (van in totaal 4)
  • Thread starter koddigekoters

    (@koddigekoters)

    Oh ja, misschien niet helemaal duidelijk gezegt, maar het mag dus al eerder een hamburger menu worden šŸ˜‰

    Guido

    (@guido07111975)

    Hoi,

    Ik zou beginnen met het bij langs gaan van je aangepaste CSS. Ik zie bijvoorbeeld dat de breedte van de kolom vanaf tablet scherm op slechts 60% staat.

    @media screen and (min-width:767px) {
    .col-full {
    	max-width: 60%;
    }
    }

    Persoonlijk zou ik de breedte van deze essentiƫle elementen niet aanpassen, want dan pas je dus de structuur van het thema aan.

    Ik zie elders in je aangepaste CSS ook een foutje staan, ga ervan uit dat dit verwijderd kan worden:

    width: 60%
    hight:60px !important;

    Guido

    Thread starter koddigekoters

    (@koddigekoters)

    Dankjewel Guido.Ik heb het aangepast. Hopelijk weet iemand nog iets voor het hamburger menu…

    Guido

    (@guido07111975)

    Hoi,

    Je hebt mijn eerste suggestie niet doorgevoerd, nog steeds is de kolom in tablet scherm erg smal.

    Het zogenoemde breekpunt wijzigen zodat het mobiele menu eerder geactiveerd wordt schijnt erg lastig te zijn binnen het Storefront thema. Google bijvoorbeeld maar eens op “Storefront breakpoint mobile menu” en dan kom je van alles tegen. Wat je zou kunnen doen is het menu opnieuw indelen, zodat het eerste niveau minder items heeft.

    Guido

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