Skip to main content

Welkom bij Joomla!NL

Om alle mogelijkheden van dit forum te kunnen gebruiken, moet je je eerst registreren.

Vermeld in iedere vraag duidelijk:
  1. De versie van Joomla! 4.X die je gebruikt
  2. De volledige url van je website indien mogelijk.
  3. De versie van de extensie waar de vraag over gaat.

opgelost menu in mobiele weergave

menu in mobiele weergave

17 aug 2022 14:27 - 17 aug 2022 16:23
#1
Op Deze website , cassiopeia heb ik een menu links gemaakt. NU zou ik graag willen dat deze zichtbaar wordt op de manier zoals ik de afbeelding. Het menu komt dan links bovenin het logo te staan.
Ik kan dit door een nieuw menu aan te maken maar dan komt deze op de gewone website niet op de manier zoals ik dat zou willen. Het liefst daar helemaal niet.

Kan ik een menu aanmaken zodat ie op de mobile versie wel zichtbaar is maar op de gewone versie, alleen op de achtergrond?

Deze afbeelding is verborgen voor gasten.
Login of registreer om deze te zien.
Deze afbeelding is verborgen voor gasten.
Login of registreer om deze te zien.

Edit Astrid: Ik heb je link aangepast omdat hij niet werkte.
  • Btb
  • Btb's berichtenfoto Heeft onderwerp gestart
  • Vaste bezoeker van Joomla!NL
  • Vaste bezoeker van Joomla!NL
  • Berichten: 594

menu in mobiele weergave

17 aug 2022 16:35
#2
Een menu in de sidebar is niet echt meer van deze tijd, maar wat je wilt kan je bereiken met een mediaquerie zoals deze:
Code:
@media (min-width: 992px) { .container-header .mod-menu { display: none; } }
Groetjes, Astrid
Gebruik de zoekfunctie van dit forum voordat je een nieuwe vraag plaatst.
Vragen uitsluitend via dit forum.
yndi.nl - kvk 17157725
Is je vraag beantwoord? Dan kan je het draadje zelf sluiten .
Wil je Joomla!NL steunen? Dat kan met een donatie.
  • Astrid
  • Astrid's Profielfoto
  • Moderator + Technisch team
  • Moderator + Technisch team
  • Berichten: 37643

menu in mobiele weergave

17 aug 2022 21:48 - 17 aug 2022 22:36
#3
Onder het motto van klant is koning.

Prima gelukt. Alleen de jkleur gaat niet mee.

f12 en dan zie ik
Code:
.container-header nav { margin-top: 0.5em;
padding: 0;
}

Pas ik dat aan naar
Code:
.container-header nav { margin-top: 0; padding: 0; background-color: #615f5f; }

Geen resultaat. Dit leek me toch goed. In het vb zag ik direct resultaat. Wat gaat er bij mij dan niet goed?
Deze afbeelding is verborgen voor gasten.
Login of registreer om deze te zien.
Deze afbeelding is verborgen voor gasten.
Login of registreer om deze te zien.

Edit Astrid: Ik heb de code tussen codetags geplaatst, volgende keer graag even zelf doen.
  • Btb
  • Btb's berichtenfoto Heeft onderwerp gestart
  • Vaste bezoeker van Joomla!NL
  • Vaste bezoeker van Joomla!NL
  • Berichten: 594

menu in mobiele weergave

17 aug 2022 22:39
#4
Zoek de verschillen
Code:
@media (min-width: 992px) { .container-header .mod-menu { display: none; } }
Code:
@media (min-width: 992px) { .container-header .mod-menu { display: none; }
Groetjes, Astrid
Gebruik de zoekfunctie van dit forum voordat je een nieuwe vraag plaatst.
Vragen uitsluitend via dit forum.
yndi.nl - kvk 17157725
Is je vraag beantwoord? Dan kan je het draadje zelf sluiten .
Wil je Joomla!NL steunen? Dat kan met een donatie.
  • Astrid
  • Astrid's Profielfoto
  • Moderator + Technisch team
  • Moderator + Technisch team
  • Berichten: 37643

menu in mobiele weergave

18 aug 2022 18:38
#5
Bedankt.

Ik zou nooit twijfelen aan jou kwaliteiten maar dacht echt dat de extra } een foutje was.

Excuses hiervoor

Maar het werkt
  • Btb
  • Btb's berichtenfoto Heeft onderwerp gestart
  • Vaste bezoeker van Joomla!NL
  • Vaste bezoeker van Joomla!NL
  • Berichten: 594
Tijd voor maken pagina: 0.851 seconden
Gemaakt door Kunena

Wil je Joomla!NL steunen?

Steun Joomla!NLAlle teamleden werken enthousiast, op vrijwillige basis, mee aan Joomla!NL. Maar een website met forum kost nu eenmaal geld. Dus als je Joomla!NL wilt steunen, dan kan dat, graag zelfs!

Lees hier meer informatie