[TYPO3-UG Dutch] responsive menu

[Jeroen Vermolen]

Hoi Wiechert,

Ik heb ook al vaker een top-bar menu van foundation in TYPO3 gebruikt.

Ik zelf zie zo geen fouten in je code, heb je wellicht een link van de site
voor me, zodat ik eens een kijkje kan nemen in de broncode en je wellicht
vanuit daar verder kan helpen?

Heb je overigens ook de meta viewport ingeschakeld? Code zou moeten zijn:

page.meta.viewport = width=device-width, initial-scale=1

Met vriendelijke groet,

Jeroen Vermolen
Verzonden via mobiel
Op 6 feb. 2015 18:44 schreef HocomAdvies [ 🌷 Wiechert Hooghwinkel ] <
info at hocom-advies.nl>:

> Jacco bedankt voor de hint, had al wel een vaag vermoeden dat het daar wel
> eens aan kon liggen. Nog maar even verder puzzelen met een lib.mobileMenu
> dan denk ik? Dat tweede menu is bij een “aside-menu” zoals de zurb site
> heeft op zichzelf wel logisch. Maar bij mijn menu is er alleen een top-bar
> menu? Dan lijkt me een tweede TS menu toch niet nodig?
>
> Groet,
> Wiechert
>
>
>
>
>
> > Op 6 feb. 2015, om 10:44 heeft Jacco van der Post <
> jacco at id-internetservices.com> het volgende geschreven:
> >
> > Hoi Wiechert,
> >
> > Foundation 5 is cool, maar werkt helaas niet zoals Bootstrap dat je maar
> 1 keer een menu moet aanmaken. Kijk maar in de source van
> http://foundation.zurb.com/
> >
> > Je zult dus 2 keer een menu moeten aanmaken. Ik heb hier wel een TS
> voorbeeld van, echter dat kun je denk ik zelf ook wel.
> >
> > Iets anders : we organiseren binnenkort weer een zeer leerzaam TYPO3camp
> in Venlo, nieuws hierover volgt nog!
> >
> > groet Jacco
> >
> > "HocomAdvies [ 🌷 Wiechert Hooghwinkel ]" schreef op 5-2-2015 om 11:42:
> >> Hallo,
> >>
> >> In een fluid site, die met Foundation 5 gemaakt wordt werkt de
> responsive menu niet zoals verwacht. De template werkt buiten Typo3 zoals
> het hoort maar als alles in typo3 6.2 staat dan werkt het menu niet meer
> als het scherm kleiner wordt en de “hamburger” zichtbaar wordt (het
> responsive deel). Het kan aan de TS voor het menu liggen? Waarschijnlijk
> vergeet ik iets wat de “hamburger” werkzaam maakt :)
> >>
> >> De gebruikte TS:
> >>
> >> lib.mainmenu = HMENU
> >> lib.mainmenu{
> >>   entryLevel = 0
> >>   1 = TMENU
> >>   1{
> >>     wrap = <ul class="right"> | </ul>
> >>     noBlur = 1
> >>     NO = 1
> >>     NO {
> >>       wrapItemAndSub = <li> | </li>
> >>       stdWrap.htmlSpecialChars = 1
> >>       ATagTitle.field = title
> >>     }
> >>     ACT <.NO
> >>     ACT{
> >>       wrapItemAndSub = <li class="active">|</li>
> >>     }
> >>   }
> >> }
> >>
> >> Stukje html voor het menu deel:
> >>
> >>   <!-- Nav Section -->
> >> <nav class="top-bar" data-topbar="" role="navigation">
> >>         <ul class="title-area">
> >>           <li class="name">
> >>             <!-- Site home link - Usually name of your site -->
> >>             <h2><a href="#">{siteName}</a></h2>
> >>           </li>
> >>           <li class="toggle-topbar menu-icon"><a
> href="#"><span>Menu</span></a></li>
> >>         </ul>
> >>
> >>         <section class="top-bar-section" style="left: 0%;">
> >>           <f:cObject typoscriptObjectPath="lib.mainmenu" />
> >>         </section>
> >>       </nav>
> >>
> >> Iemand een suggestie om dit goed te krijgen? Bedankt.
> >>
> >> Met vriendelijke groeten,
> >> HocomAdvies
> >>
> >>
> >> Wiechert Hooghwinkel
> >>
> >>
> >>
> >>
> >
> >
> > --
> > Kind Regards
> >
> > Jacco van der Post
> > _______________________________________________
> > TYPO3-UG-Dutch mailing list
> > TYPO3-UG-Dutch at lists.typo3.org
> > http://lists.typo3.org/cgi-bin/mailman/listinfo/typo3-ug-dutch
>
> _______________________________________________
> TYPO3-UG-Dutch mailing list
> TYPO3-UG-Dutch at lists.typo3.org
> http://lists.typo3.org/cgi-bin/mailman/listinfo/typo3-ug-dutch