Menu icon Foundation

Developer

My Posts


  • NEW
  • Items in topbar centererd but not for mobile

    By Mark

    topbar

    Hi, I do have a nice topbar menu. On large and small, nav items are alignd left. My wish is thet the nav items alre aligned iin center in large mode. But in small mode the nav items has to be algnd left like it was. This is possible with standard use of ... (continued)



  • 2
    Replies
  • Navigation with topbar not in canvas

    By Mark

    navigationtopbar

    Hi, i am working in foundation 6.4.3 and have a problem with the topbar. if i look at https://foundation.zurb.com/templates-previews-sites-f6/product-page.html, i do see that navigation is in the canvas because there is a div with class row arround ... (continued)

    Last Reply by Mark almost 2 years ago



  • 2
    Replies
  • Orbit slider without images style issue

    By Mark

    Hi there, I am having a problem with Orbit sider. I want to use it just with content and no images. If i do that i am having styling issues. Text is not properly aligned in some way. I am using code exactly like the example on the Orbit Foundation page... (continued)

    Last Reply by Mark about 4 years ago


My Comments

Mark commented on Mark 's post 8 months

I made a classic mistake. Wrong order of loading the stylesheets.

Mark commented on Mark 's post almost 2 years

So finally for me is keep using Foundation 6.3.1. I decided sadly not to upgrade to 6.4

Mark commented on Mark 's post almost 2 years

I worked some hours on it but no result.
In foundation 6.3.1, The topbar background gets the full screen but the maviagaton stays in canvas. Really fine! Now in foundation 6.4.3 i want do the same. If i replace the class="row" with class="grid-conatainer" trhe navigati0on is centered instead on the left side of the canvas.
 
Below the 6.3.1 code first then 6.4.3 
<div class="title-bar" data-responsive-toggle="mobile-menu" data-hide-for="medium">
<button class="menu-icon" type="button" data-toggle></button>
<div class="title-bar-title">Menu</div>
</div>
<div class="top-bar" id="mobile-menu">
<div class="top-bar-title"></div>
<div>
<div class="row">
<div class="top-bar-left">
[[!Wayfinder? &outerTpl=outerTpl &rowTpl=topBarTpl &startId=0 &rowClass=menuNav &displayStart=1 &limit=99 &sortby=menuindex &sortdir=ASC &level=1]]
</div>
<div class="top-bar-right"></div>
</div>
</div>
</div>

<div class="title-bar" data-responsive-toggle="mobile-menu" data-hide-for="medium">
<button class="menu-icon" type="button" data-toggle></button>
<div class="title-bar-title">Menu</div>
</div>
<div class="top-bar" id="mobile-menu">
<div class="top-bar-title"></div>
<div>
<div class="grid-container">
<div class="top-bar-left">
[[!Wayfinder? &outerTpl=outerTpl &rowTpl=topBarTpl &startId=0 &rowClass=menuNav &displayStart=1 &limit=99 &sortby=menuindex &sortdir=ASC &level=1]]
</div>
<div class="top-bar-right"></div>
</div>
</div>
</div>

Mark commented on Mark 's post over 3 years

I do see that the News or Magazine template (http://foundation.zurb.com/templates-previews-sites-f6/news-magazine.html) provided by Zurb has the same problem on a mobile device. Too bad to see that there is apparently something wrong with the Topbar.

I am gonna switch back to foundation 5 and wait until this problem is fixed.

Mark

Mark commented on Tom Hogan's post over 3 years

Hello Tom,

Thnx for your write up. I am happy with it!

Step 14 results in a error like:

C:\Bower\apps>gem install foundation
'gem' is not recognized as an internal or external command,
operable program or batch file.

Did i miss something something stupid?

Mark

Mark commented on Mark 's post over 3 years

I think it is a little bug in foundation 6.

By adding and #mobilemenu {display: none;} works as a work arround.

Moving jquery and foundation plugin to < head > section works a bit.

Hopefully, this problem is solved in a upcoming release

Thnx for your reply's.

Mark

Mark commented on Mark 's post over 3 years

Too bad that there is no fix yet. But a "me too" situation tells me that my code is ok. This topbar works fine except this annoying behaviour. Hopefully there is a fix soon. Thnx for your response.

Mark

Mark commented on Mark 's post about 4 years

I was hoping that this would be handled by foundation framework like the slider with photos. Your're code works fine. Thnx!

Posts Followed


Following

    No Content

Followers

My Posts




My Comments

You commented on Mark 's post 8 months

I made a classic mistake. Wrong order of loading the stylesheets.

You commented on Mark 's post almost 2 years

So finally for me is keep using Foundation 6.3.1. I decided sadly not to upgrade to 6.4

You commented on Mark 's post almost 2 years

I worked some hours on it but no result.
In foundation 6.3.1, The topbar background gets the full screen but the maviagaton stays in canvas. Really fine! Now in foundation 6.4.3 i want do the same. If i replace the class="row" with class="grid-conatainer" trhe navigati0on is centered instead on the left side of the canvas.
 
Below the 6.3.1 code first then 6.4.3 
<div class="title-bar" data-responsive-toggle="mobile-menu" data-hide-for="medium">
<button class="menu-icon" type="button" data-toggle></button>
<div class="title-bar-title">Menu</div>
</div>
<div class="top-bar" id="mobile-menu">
<div class="top-bar-title"></div>
<div>
<div class="row">
<div class="top-bar-left">
[[!Wayfinder? &outerTpl=outerTpl &rowTpl=topBarTpl &startId=0 &rowClass=menuNav &displayStart=1 &limit=99 &sortby=menuindex &sortdir=ASC &level=1]]
</div>
<div class="top-bar-right"></div>
</div>
</div>
</div>

<div class="title-bar" data-responsive-toggle="mobile-menu" data-hide-for="medium">
<button class="menu-icon" type="button" data-toggle></button>
<div class="title-bar-title">Menu</div>
</div>
<div class="top-bar" id="mobile-menu">
<div class="top-bar-title"></div>
<div>
<div class="grid-container">
<div class="top-bar-left">
[[!Wayfinder? &outerTpl=outerTpl &rowTpl=topBarTpl &startId=0 &rowClass=menuNav &displayStart=1 &limit=99 &sortby=menuindex &sortdir=ASC &level=1]]
</div>
<div class="top-bar-right"></div>
</div>
</div>
</div>

You commented on Mark 's post over 3 years

I do see that the News or Magazine template (http://foundation.zurb.com/templates-previews-sites-f6/news-magazine.html) provided by Zurb has the same problem on a mobile device. Too bad to see that there is apparently something wrong with the Topbar.

I am gonna switch back to foundation 5 and wait until this problem is fixed.

Mark

You commented on Tom Hogan's post over 3 years

Hello Tom,

Thnx for your write up. I am happy with it!

Step 14 results in a error like:

C:\Bower\apps>gem install foundation
'gem' is not recognized as an internal or external command,
operable program or batch file.

Did i miss something something stupid?

Mark

You commented on Mark 's post over 3 years

I think it is a little bug in foundation 6.

By adding and #mobilemenu {display: none;} works as a work arround.

Moving jquery and foundation plugin to < head > section works a bit.

Hopefully, this problem is solved in a upcoming release

Thnx for your reply's.

Mark

You commented on Mark 's post over 3 years

Too bad that there is no fix yet. But a "me too" situation tells me that my code is ok. This topbar works fine except this annoying behaviour. Hopefully there is a fix soon. Thnx for your response.

Mark

You commented on Mark 's post about 4 years

I was hoping that this would be handled by foundation framework like the slider with photos. Your're code works fine. Thnx!

Posts Followed

Following

  • No Content

Followers