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! 2.5 die je gebruikt
  2. De volledige url van je website indien mogelijk.
  3. De versie van de extensie waar de vraag over gaat.

Menu aanpassen in WARP template

Menu aanpassen in WARP template

26 jun 2014 15:31 - 26 jun 2014 15:31
#1
Hoi allemaal... hoe omschrijf ik het best...

Momenteel heb ik een menu welke perfect werkt! MAAR het menu heeft nogal veel items waardoor hij in sommige browsers (afhankelijk van je resolutie) een extra menu balk erbij zet. Deze zet hij nogal slordig neer (zie foto):

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


Zoals je ziet blijft er rechts een stukje (leeg) over en gaat hij verder met een nieuwe regel.

Heeft iemand een idee hoe ik dit zo simpel en goed mogelijk kan aanpassen? *
* Op zijn minst dat de dividers overeenkomen (uitgelijnd boven elkaar) of dat ik een streeptussen beide menu's kan maken zodat het overzichtelijk blijft.

Hoe worden problemen als deze normaliter opgelost, bedoel dan wanneer er meer menu items zijn dan een menubalk aankan? Normaal met een drop down menu, maar in dit geval zijn het allemaal losse onderdelen?

Website: www.beautyinstituut-diascara.nl
  • KeesZeus2014
  • KeesZeus2014's Profielfoto Heeft onderwerp gestart
  • Bezoeker
  • Bezoeker

Menu aanpassen in WARP template

26 jun 2014 17:06
#2

Hoe worden problemen als deze normaliter opgelost, bedoel dan wanneer er meer menu items zijn dan een menubalk aankan

Door je structuur goed onder de loep te nemen en te kijken hoe je het aantal menu-items kunt verminderen, of door de teksten in te korten.
Overigens zie ik ook twee regels op een scherm van 1920px breed.

Als je er per se zoveel nodig hebt is de enige nette oplossing om de padding kleiner te maken.
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: 37439

Menu aanpassen in WARP template

26 jun 2014 17:31
#3
Hoi Astrid. Mijn Nicht wilde er zelfs items bijplaatsen ipv wegnemen. ik persoonlijk vind de twee regels niet mooi maar dat is smaak.

door de padding kleiner te maken word ook het zicht minder wat lettertype betrefd dan. Mss dat er opties bestonden om dit beter te beheren...

was zelf al aan het denken mits 'mijn nicht' dat ook wilt om een side menu te maken maar het belangrijkte staat in het main menu en is niet onder te brengen in top of side helaas.

als ik de padding kleiner ga maken, waar moet ik dan op letten en in welke .css moet ik gaan stoeien. ik wil namelijk niets overhoop gooien wat structuur betreft in warp
  • KeesZeus2014
  • KeesZeus2014's Profielfoto Heeft onderwerp gestart
  • Bezoeker
  • Bezoeker

Menu aanpassen in WARP template

26 jun 2014 17:40
#4
Ik zou dit toevoegen aan custom.css
Code:
.menu-dropdown a.level1 > span, .menu-dropdown span.level1 > span { padding: 10px 6px 8px!important; }
Ziet er nog niet echt uit, maar als al die menu-items echt nodig zijn, dan zie ik geen andere oplossing.
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: 37439
Moderators: JelleRomke
Tijd voor maken pagina: 0.670 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