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

Horizontaal menu niet weergegeven op tablet of smartphone

Horizontaal menu niet weergegeven op tablet of smartphone

07 jan 2016 09:30 - 07 jan 2016 09:31
#1
Goede morgen,

Ik heb aan mijn site een tweede horizontaal menu toegevoegd. Op zich werkt alles prima. Ook het meertalige. Echter het tweede menu wordt op tablet en smartphone niet weergegeven. Op een pc zie je het wel. Het betreft het bovenste menu met contact en disclaimer ed..
Verder vind ik de uitlijning nu niet echt fijjn werken. Het werkt met een left offcenter en dan x aantal pixels schuiven maar liever had ik het gezien vanuit een centrale uitlijning van de basis van het menu. Ik krijg dit niet goed voor elkaar.
Klik op WEBSITE voor voorbeeld
Wie heeft een idee hoe dit goed op te lossen?
Alvast bedankt!
Laatst bewerkt 07 jan 2016 09:31 door saxman.
  • saxman
  • saxman's berichtenfoto Heeft onderwerp gestart
  • Joomla!NL ontdekker
  • Joomla!NL ontdekker
  • Berichten: 52

Horizontaal menu niet weergegeven op tablet of smartphone

07 jan 2016 10:02
#2
Zie nu dat vraag niet bij juiste categorie terecht is gekomen... zou een mod deze even willen verplaatsen naar templates en lay-out 3.0? Alvast mijn dank!
  • saxman
  • saxman's berichtenfoto Heeft onderwerp gestart
  • Joomla!NL ontdekker
  • Joomla!NL ontdekker
  • Berichten: 52

Horizontaal menu niet weergegeven op tablet of smartphone

07 jan 2016 10:09
#3
Ten eerste gebruik je een verouderde versie van Artisteer. Daarnaast heb je een linkermarge van 600px, dus op alle schermen smaller dan 600px verdwijnt je menu logischerwijze. Is mogelijk op te lossen met mediaqueries.
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: 37115

Horizontaal menu niet weergegeven op tablet of smartphone

07 jan 2016 11:00
#4
Dank voor het verplaatsen. Maar ehh mediaqueries... :blink: css vind ik al erg lastig. Hoe pak ik dat aan dan? Heb in de css van de responsive aanpassingen zitten doen maar dat lukt me niet... kun je me op weg helpen?
  • saxman
  • saxman's berichtenfoto Heeft onderwerp gestart
  • Joomla!NL ontdekker
  • Joomla!NL ontdekker
  • Berichten: 52

Horizontaal menu niet weergegeven op tablet of smartphone

07 jan 2016 11:05
#5
Google is soms je beste vriend.
Op internet is veel te vinden hierover. Een goede site is w3schools
Groeten, Romke
Voordat je een vraag post, gebruik eerst de zoekfunctie van ons forum eens.
Vragen uitsluitend via dit Forum
Is je vraag opgelost? Dan kan je hem zelf sluiten .
Wil je Joomla!NL steunen? Dat kan met een donatie.

  • Romke
  • Romke's Profielfoto
  • Algemeen Moderator
  • Algemeen Moderator
  • Berichten: 3629

Horizontaal menu niet weergegeven op tablet of smartphone

07 jan 2016 12:24
#6
Ik ben gewoon niet zo'n ster in css. Snap niet helemaal wat je nu bedoelt met dat script dat detecteert wat voor screengrootte of wat voor device je gebruikt. Dit zit toch immers al in Joomla zelf? Op het moment dat je de site bezoekt op een smartphone ipv een pc wordt er toch de responsive.css geladen? daar worden de definities voor uitlijning e.d. toch gemaakt. Als ik daar echter de marge aanpas voor linkermarge zie ik dat echter ook gebeuren op mijn scherm van mijn pc.
Wie helpt me op weg?
  • saxman
  • saxman's berichtenfoto Heeft onderwerp gestart
  • Joomla!NL ontdekker
  • Joomla!NL ontdekker
  • Berichten: 52

Horizontaal menu niet weergegeven op tablet of smartphone

07 jan 2016 12:46
#7
Dan moet je je dus daarin gaan verdiepen. Je basis menu-constructie is natuurlijk al behoorlijk gammel, maar met media-queries kan je e.e.a finetunen voor de diverse schermbreedtes.
Dit komt al enigszins in de richting:
Code:
@media all and (max-width: 680px) { .horizontalmenu2{ margin-left: 0px!important; } }
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: 37115

Horizontaal menu niet weergegeven op tablet of smartphone

07 jan 2016 13:09
#8
Zo simpel is het dus.... tsja, je moet er maar opkomen. Dank weer een stukje verder.
De dingen waarin ik me wil verdiepen is een kwestie van prioriteiten. Ik kan niet alles tegelijk en van elkaar kunnen we een hoop leren en elkaar opweg helpen. Als ik tijd heb vind ik het leuk om met dergelijke dingen te stoeien maar die heb ik helaas niet altijd of eigenlijk bijna nooit.
Wie zong dat liedje ook al weer....

  • saxman
  • saxman's berichtenfoto Heeft onderwerp gestart
  • Joomla!NL ontdekker
  • Joomla!NL ontdekker
  • Berichten: 52
Moderators: PeterJuliank92JelleRomke
Tijd voor maken pagina: 0.976 seconden

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