Logo bedekt menu op mobiele thema

  • mannextdoor

    (@mannextdoor)


    7 jaren, 5 maanden geleden

    Hi! Misschien dat iemand mij hier kan helpen, ik zou het onwijs waarderen.

    Een (tijdelijke) logo die ik heb gemaakt voor mijn WordPress site, bedekt de menu slider, op de mobiele versie van mijn site. De menu button blijkt in het midden van het logo te zitten.

    Het zou mooi zijn als er een manier is om de menu button boven of onder het logo te laten verschijnen. Iemand een idee hoe ik dit kan realiseren?

    Bij voorbaat veel dank 🙂

5 reacties aan het bekijken - 1 tot 5 (van in totaal 5)
  • Ruurd de Wind

    (@geoclaps)

    7 jaren, 5 maanden geleden

    Hey Mannextdoor, dit kan op zich prima. Als je in de style.css van je (child) theme de volgende css plaatst zou dit goed moeten gaan:

    
@media ( max-width: 510px ){
	/* positioneert menu toggle button bovenaan je pagina */
	.nav-toggle {
		top: 10px;
		right: 10px;
		margin: 0;
	}
	/* zorgt ervoor dat er ruimte is voor de menu toggle button */
	.blog-logo { margin-top: 40px }
}
    Thread starter mannextdoor

    (@mannextdoor)

    7 jaren, 4 maanden geleden

    Yeej, met flink wat pielen is het gelukt, en heb ik ook het logo kunnen scalen. Thanks! Heb ik nog één klein vraagje. Weet je misschien hoe ik de margins voor het inspringen van de widgets onderaan kan specificeren (bij max media 510px)? De tekst ervan ligt nu pal tegen de rand aan.

    Kan ik je een biertje doneren via PayPal ofzo?

    Vriendelijke groet,
    Dennis

    Ruurd de Wind

    (@geoclaps)

    7 jaren, 4 maanden geleden

    Hey Dennis,

    Dat is goed om te horen! Nice.

    Je kunt dit (bijna) altijd het beste doen d.m.v. paddings op de container. Margins brengen niet altijd het gewenste resultaat.

    @media ( max-width: 510px ) {
    /* padding binnenin de widgets wrapper.. */
    .widgets-wrapper { padding: 0 20px; }
}

    Bovenstaande zorgt voor een zijwaartse padding van 20px binnen de wrapper van je widgets. Op deze manier hoef je niet alle widget zelf een margin of padding te geven en behoud je je consisstentie.

    Doneren mag altijd, tof van je. https://paypal.me/overmaken/

    Thread starter mannextdoor

    (@mannextdoor)

    7 jaren, 4 maanden geleden

    Cool, allemaal opgelost. Proost! 🙂

    Ruurd de Wind

    (@geoclaps)

    7 jaren, 4 maanden geleden

    Haha top man, dankjewel. Cheers m8!

5 reacties aan het bekijken - 1 tot 5 (van in totaal 5)
  • Het onderwerp ‘Logo bedekt menu op mobiele thema’ is gesloten voor nieuwe reacties.