Topbar user breakpoint for toggle

[badcat]

Feature Request - Would love have a customizer option to allow a user breakpoint to toggle the Foundation topbar.

http://foundation.zurb.com/forum/posts/1053-changing-topbar-breakpoint-using-css

[tsquez]

Very interesting and a very solid request. I will def look into this for you. I think this would go over rather nicely with all the users :wink:

[badcat]

Yep - I hoped it could tie in nicely with your options to change the section container widths. Not sure what I can offer code-wise, but I'm here for feedback and testing :)

[tsquez]

I think so as well. I have had some users inquire into it a few times. I just simply forgot about it...Lol

Hopefully if all goes well I can get it in for 5.5.1.9 as that will be the final version as we wait for F6.

And to answer you're question, yes I will be supporting F6, how soon after it's released is left to be determined....Lol. We will just have to wait and see what happens :wink:

via my phone On May 1, 2015 5:23 AM, "BadCat Design" notifications@github.com wrote:

Yep - I hoped it could tie in nicely with your options to change the section container widths. Not sure what I can offer code-wise, but I'm here for feedback and testing :)

— Reply to this email directly or view it on GitHub https://github.com/tsquez/wp-forge/issues/42#issuecomment-98122207.

[marvinsss2005]

Hi,

Im using this http://foundation.zurb.com/forum/posts/1053-changing-topbar-breakpoint-using-css and set the break point to 64.0625em and the break point mobile menu works but when my width is above 40.0625em the toggle mobile menu dropdown is not functioning, any ideas?

[tsquez]

Hi you just have to play with the different widths. Remember there are different media queries for different devices. Look at the very bottom of the style sheet of WP-Forge and you will see what I mean

via my phone On May 22, 2015 2:59 PM, "marvinsss2005" notifications@github.com wrote:

Hi,

Im using this http://foundation.zurb.com/forum/posts/1053-changing-topbar-breakpoint-using-css and set the break point to 64.0625em and the break point mobile menu works but when my width is above 40.0625em the toggle mobile menu dropdown is not functioning, any ideas?

— Reply to this email directly or view it on GitHub https://github.com/tsquez/wp-forge/issues/42#issuecomment-104785545.

[marvinsss2005]

Hi,

I changed these default lines from foundation.css...

line 1692 meta.foundation-mq-topbar { font-family: "/only screen and (min-width:40.0625em)/"; width: 40.0625em; }

line 2038 @media only screen and (min-width: 40.0625em) { .top-bar {

to...

line 1692 meta.foundation-mq-topbar { font-family: "/only screen and (min-width:40.0625em)/"; width: 50.0625em; }

line 2038 @media only screen and (min-width: 50.0625em) { .top-bar {

The width is working but when i click the top-bar mobile it is not working, the nav links does not show up.

I tried modifying the bottom style.css media queries but still not working. @media only screen and (min-width: 40.063em) and (max-width: 64em) { } @media only screen and (min-width: 64.063em) and (max-width: 90em) { } @media only screen and (min-width: 90.063em) and (max-width: 120em)

[tsquez]

Hey there I was looking at this yesterday for another user and I cam up with something. I did this long ago for a client. What I did was I opened content-off_canvas.php and I did the following on line 17. I changed this:

<nav class="tab-bar show-for-small-only"> to this <nav class="tab-bar show-for-medium-down"> Now the off canvas menu shows on anything smaller than 1024.

Is this what you were going for? Please let me know.