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 dropdown menu

dropdown menu

06 mrt 2023 17:06
#1
Hallo;
Ik heb een horizontaal menu van cassiopeia template.
Maar nu is het dropdown gebeuren erg groot. en neemt heel veel ruimte op het scherm in.
Ik zou het heel graag kleiner willen hebben , maar heb geen idee hoe en waar ik dat moet doen.
Ik hoop dat iemand mij kan helpen.
Deze afbeelding is verborgen voor gasten.
Login of registreer om deze te zien.
  • Anneke2205
  • Anneke2205's berichtenfoto Heeft onderwerp gestart
  • Nieuw op Joomla!NL
  • Nieuw op Joomla!NL
  • Berichten: 12

dropdown menu

06 mrt 2023 18:22
#2
Zo te zien is dit formaat normaal. Maar is met css altijd aan te passen.
Waarom vind je het te groot?
Heb je een link naar je site?
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: 37431

dropdown menu

06 mrt 2023 18:35
#3
Hoi Astrid
link is http:// www.janteeuw.nl
  • Anneke2205
  • Anneke2205's berichtenfoto Heeft onderwerp gestart
  • Nieuw op Joomla!NL
  • Nieuw op Joomla!NL
  • Berichten: 12

dropdown menu

07 mrt 2023 11:14
#4
Je zou deze aan je user.css kunnen toevoegen:
Code:
.metismenu.mod-menu .metismenu-item { font-size: 1.1rem; line-height: 1; }
En dan de waarden voor font-size en line-height lager invoeren.
Zo wordt de tekst wat kleiner en komen de regels dichter bij elkaar.
Is dat wat je bedoelt?
Met vriendelijke groet,
Wouter Compactweb.nl
Voordat je een vraag post, gebruik eerst de zoekfunctie van ons forum.
Wil je Joomla!NL steunen? Dat kan met een donatie.
  • WoodyF4u
  • WoodyF4u's Profielfoto
  • Moderator + Nieuwsteam
  • Moderator + Nieuwsteam
  • Berichten: 11276

dropdown menu

07 mrt 2023 13:15
#5
Hoi Woody.
Bedankt voor je reactie.
Dit is niet helemaal de bedoeling.
De letters van het menu worden kleiner, maar aan het dropdown menu veranderd er niks.
En dat is wat ik graag wil.
Want nu heeft een menu item een beetje veel inhoud, en bij aanklikken verdwijnen er dan items, met name op een laptop.
Die schermen zijn natuurlijk kleiner.
Ben benieuwd of dat dat mogelijk is.
Want dan blijft de site overzichtelijker denk ik.
Heb al geprobeerd een zij menu te maken, maar dat krijg ik niet werkend.
Dus maar snel teruggezet naar horizontaal
  • Anneke2205
  • Anneke2205's berichtenfoto Heeft onderwerp gestart
  • Nieuw op Joomla!NL
  • Nieuw op Joomla!NL
  • Berichten: 12

dropdown menu

07 mrt 2023 13:46
#6
Er is wel iets aan te doen, maar dat gaat je probleem niet oplossen. Ik zou toch bij de echt lange menu-items kiezen voor een andere oplossing. Er zijn ook menu-modules die je eventueel zou kunnen gebruiken en die plaatsen de submenu-items horizontaal of klappen ze naar links of naar rechts uit.
Dit helpt een beetje (en heeft een betere kleurcombinatie die is afgestemd op je site)
Code:
li.metismenu-item.level-2 a { font-size: 1rem !important; padding: 0px !important; padding-left: 5px; color:#436978 } .metismenu.mod-menu .mm-collapse { background-color: #daebf2; -webkit-box-shadow: 1px 1px 4px rgba(0,0,0,.1); box-shadow: 1px 1px 4px rgba(0,0,0,.1); } li.metismenu-item.level-2, li.metismenu-item.level-3, li.metismenu-item.level-4 { font-size: 0.9rem !important; padding-bottom: 2px !important; padding-top:2px!important; }
Kleiner zou ik niet gaan omdat het dan niet meer goed leesbaar is.
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: 37431

dropdown menu

07 mrt 2023 15:56
#7
Oke dank je wel.
Heb het even in mijn user.css geplakt, maar er gebeurde niets.
Of moet het ergens anders?
sorry maar ben beetje bleu op dit gebied.
Durf een hoop maar weet niet alles.
  • Anneke2205
  • Anneke2205's berichtenfoto Heeft onderwerp gestart
  • Nieuw op Joomla!NL
  • Nieuw op Joomla!NL
  • Berichten: 12

dropdown menu

07 mrt 2023 15:59
#8
Hij staat niet in je user.css

Tip: maak gebruik van de ingebouwde Hulpmiddelen voor ontwikkelaars voor Firefox (Ctrl + Shift + I voor Windows of Cmd + Opt + I voor Mac) of een soortgelijk alternatief voor andere browsers Met deze tool kan je o.a. van ieder onderdeel van de site de css definities achterhalen en waar in welk bestand ze staan. Tevens kan je met deze tool in de betreffende pagina van je site veranderingen aanbrengen in de css definities en meteen zien wat het effect is (later evt. wel zelf de aanpassingen aanbrengen in css bestanden).
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: 37431

dropdown menu

07 mrt 2023 16:37
#9
oke dank jullie wel.

nee staat nu niet meer in mijn user.css heb het er weer uitgehaald toen het niks deed.
Maar ik ga met jullie tips op mijn gemakje aan de slag en hoop dat het in orde komt.
  • Anneke2205
  • Anneke2205's berichtenfoto Heeft onderwerp gestart
  • Nieuw op Joomla!NL
  • Nieuw op Joomla!NL
  • Berichten: 12

dropdown menu

11 mrt 2023 11:37
#10
nou ik krijg het niet voor elkaar.
Geef het voorlopig maar even op
  • Anneke2205
  • Anneke2205's berichtenfoto Heeft onderwerp gestart
  • Nieuw op Joomla!NL
  • Nieuw op Joomla!NL
  • Berichten: 12

dropdown menu

11 mrt 2023 12:32
#11
Snap ik niet. Als ik hem erin zet dan werkt het zoals ik het bedoeld had.
Deze afbeelding is verborgen voor gasten.
Login of registreer om deze te zien.
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: 37431

dropdown menu

11 mrt 2023 15:02
#12
hoi Asrid.
Ik ben stomverbaasd maar wel heel blij.
Snap echt niet wat ik dan al die tijd verkeerd heb gedaan.
Heb er dagen op gezeten en raakte al gefrustreerd hahaha

heel erg bedankt.
  • Anneke2205
  • Anneke2205's berichtenfoto Heeft onderwerp gestart
  • Nieuw op Joomla!NL
  • Nieuw op Joomla!NL
  • Berichten: 12
Tijd voor maken pagina: 0.732 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