[TYPO3-UG Dutch] responsive menu
"HocomAdvies [ Wiechert Hooghwinkel
"HocomAdvies [ Wiechert Hooghwinkel
Fri Feb 6 19:18:55 CET 2015
Jeroen,
Ja de viewport staat er in. Kijken kan altijd www.webchecked.nl <http://www.webchecked.nl/> tijdelijk even toegankelijk gemaakt.
Ben benieuwd, ik kom er zelf even niet achter wat er fout gaat. Zou in de css kunnen zitten maar ik zie het even niet :)
Groet,
Wiechert Hooghwinkel
> Op 6 feb. 2015, om 19:05 heeft Jeroen Vermolen <j.p.vermolen at gmail.com> het volgende geschreven:
>
> 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
> _______________________________________________
> TYPO3-UG-Dutch mailing list
> TYPO3-UG-Dutch at lists.typo3.org
> http://lists.typo3.org/cgi-bin/mailman/listinfo/typo3-ug-dutch
More information about the TYPO3-UG-Dutch
mailing list