hamburger menu

  • koddigekoters

    (@koddigekoters)


    2 jaren, 2 maanden geleden

    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)

    2 jaren, 2 maanden geleden

    Oh ja, misschien niet helemaal duidelijk gezegt, maar het mag dus al eerder een hamburger menu worden 😉

    Guido

    (@guido07111975)

    2 jaren, 2 maanden geleden

    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)

    2 jaren, 2 maanden geleden

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

    Guido

    (@guido07111975)

    2 jaren, 2 maanden geleden

    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)
  • Het onderwerp ‘hamburger menu’ is gesloten voor nieuwe reacties.