Menu icon Foundation

Designer | Belgium

My Posts


  • NEW
  • Off-canvas mod: wishing for 1 last tweak

    By Robben

    off-canvas mod

    I usually have just one submenu on many of the main menu links, so often times the user finds himself on a submenu page. Therefore I would prefer the menu to open straight to the submenu (if current page is in submenu and if there is more than one subm... (continued)


My Comments

Robben commented on carlo cocci's post over 4 years

If you need/want to, you can run html as php with a .htaccess command.
I've even seen it advised, to not give away you're using php.

Robben commented on Bit Byte's post over 4 years

1) You went from where to what? 5.5.1 to 5.5.2?
Others have indeed written it can "mess up" things...

2) The Back button info is in the topbar documentation.

Robben commented on Robben's post over 4 years

Ok, I may have done wrong by not using a default image as instructed (maybe because it slightly confuses me)...

I used ...

<img data-interchange="[img/small.jpg, (small-only)], [img/large.jpg, (medium)]" alt="">

But that did seem to work as expected otherwise.

Robben commented on Robben's post over 4 years

I simply specified 2 picture sources for 4 out of 6 larger pics. A smaller one for mobile, the other one for all others.

Score dropped at least from 74 to 67 on Google PageSpeed (for mobile) while I was expecting the opposite..
.
The other site kinda proves it was working (and I checked my cache), but Google doesn't seem to like it.

But that's just my first impression, therefore my post...

Taking it off restored my score.

Robben commented on Joseph Campbell's post over 4 years

I believe it only creates clones if you use the sliding option.
You can also use the option: 'fade:true' which may help you until you get it completely sorted out.

Robben commented on Even Endresen's post over 4 years

If you have just one menu, make the submenu items the menu items.

My wish is that there would be an included option to have the menu open to the submenu if there is one (saves a lot of tapping and disorientation).

I made such an enhancemant for the off-canvas menu
http://foundation.zurb.com/forum/posts/23319-off-canvas-mod-wishing-for-1-last-tweak

It checks the menu to see if the current page belongs to a submenu and is not the last page in that submenu; if so, it opens to that submenu.

Robben commented on Kean Johnston's post over 4 years

I'm using a recent Iron browser (v41.0.2200.0 - Chromium engine) instead of Chrome and don't see it...
They may not have caught up on your version yet, or they are less similar than I hoped.


I may have seen something that reminds me of this Chrome-only type of problem (or that I am not a CSS Pro)...

On a page where I had a header div horizontally split into a logo and a random picture the content below it would make a small vertical realignment jump in Chrome when changing a page. Didn't show it when the header was one div filling pic. Like yours, other browsers were showing static behavior.

For large screen I think I solved that by giving the header or one of the inside divs its max-height. Didn't help for smaller screens but there you may not usually notice it as much if you have top-bar nav movement preceding it anyway.

Robben commented on Cristian Ambaek's post over 4 years

The .js one you may have visited does work and is variable heigth:
https://github.com/coreysyms/foundationStickyFooter
I find the problem with it is that you can see it jumping into place sometimes and it does not position itself perfectly 100% of the time. But ok until we find a better solution.

From distant experiments I must mention 2 hunches:

  • The solution for a top-bar site may differ from an off-canvas one
    I wish Zurb could provide official solutions for both, cause I'm guessing major time is lost by people on this now. And if a user solution is found, people may fear it will break something in Foundation at some point, because it is not 'official' or changed a CSS rule here or there for it to work.

  • Possibly similar to your current problem: when you think you have found a solution, also check if in case of a top-bar menu longer than the viewport, if that menu is scrollable (to have access to all menus) instead of maybe acting weirdly and the sticky footer code preventing that. Just a hunch though...
    In the latter case you might be able to solve it by having an open/close menu event change some of the sticky footer css back & forth.

Good luck & thanks for looking around :)

Robben commented on Blake Boyer's post over 4 years

If you use the 204KB foundation.min.js it has everything in it and you shouldn't include topbar.js

This may or may not solve it...

Robben commented on Julian Claus's post over 4 years

For one, you can assign that value when you opt for a custom download (although I haven't tested it).

If you want the medium to look like the small (no menu's), this 2nd post of Rafi still works, but the code needs adjusting in 2 spots only and is on different line numbers (easy to find).
http://foundation.zurb.com/forum/posts/1053-changing-topbar-breakpoint-using-css

For the general 'large to medium' breakpoint I simply (manually) replaced all standard (media query) width values of Foundation (in about 8 css file spots?) and the one that needs to be 1 pixel under it (1 or a few spots) to 1 pixel less and that seems to work :)

Posts Followed

  • 5
    Replies
  • PHP wont run

    By carlo cocci

    PHP

    I'm new to foundation. I can't get PHP to run inside a .html file of foundation for apps. If I point my apache document root to the foundation build directory it works, ie echo "Hello PHP"; via the localhost/index.html. but it does not work using npm... (continued)

    Last Reply by Jason Demitri over 4 years ago





Following

    No Content

Followers

My Posts

My Comments

You commented on carlo cocci's post over 4 years

If you need/want to, you can run html as php with a .htaccess command.
I've even seen it advised, to not give away you're using php.

You commented on Bit Byte's post over 4 years

1) You went from where to what? 5.5.1 to 5.5.2?
Others have indeed written it can "mess up" things...

2) The Back button info is in the topbar documentation.

You commented on Robben's post over 4 years

Ok, I may have done wrong by not using a default image as instructed (maybe because it slightly confuses me)...

I used ...

<img data-interchange="[img/small.jpg, (small-only)], [img/large.jpg, (medium)]" alt="">

But that did seem to work as expected otherwise.

You commented on Robben's post over 4 years

I simply specified 2 picture sources for 4 out of 6 larger pics. A smaller one for mobile, the other one for all others.

Score dropped at least from 74 to 67 on Google PageSpeed (for mobile) while I was expecting the opposite..
.
The other site kinda proves it was working (and I checked my cache), but Google doesn't seem to like it.

But that's just my first impression, therefore my post...

Taking it off restored my score.

You commented on Joseph Campbell's post over 4 years

I believe it only creates clones if you use the sliding option.
You can also use the option: 'fade:true' which may help you until you get it completely sorted out.

You commented on Even Endresen's post over 4 years

If you have just one menu, make the submenu items the menu items.

My wish is that there would be an included option to have the menu open to the submenu if there is one (saves a lot of tapping and disorientation).

I made such an enhancemant for the off-canvas menu
http://foundation.zurb.com/forum/posts/23319-off-canvas-mod-wishing-for-1-last-tweak

It checks the menu to see if the current page belongs to a submenu and is not the last page in that submenu; if so, it opens to that submenu.

You commented on Kean Johnston's post over 4 years

I'm using a recent Iron browser (v41.0.2200.0 - Chromium engine) instead of Chrome and don't see it...
They may not have caught up on your version yet, or they are less similar than I hoped.


I may have seen something that reminds me of this Chrome-only type of problem (or that I am not a CSS Pro)...

On a page where I had a header div horizontally split into a logo and a random picture the content below it would make a small vertical realignment jump in Chrome when changing a page. Didn't show it when the header was one div filling pic. Like yours, other browsers were showing static behavior.

For large screen I think I solved that by giving the header or one of the inside divs its max-height. Didn't help for smaller screens but there you may not usually notice it as much if you have top-bar nav movement preceding it anyway.

You commented on Cristian Ambaek's post over 4 years

The .js one you may have visited does work and is variable heigth:
https://github.com/coreysyms/foundationStickyFooter
I find the problem with it is that you can see it jumping into place sometimes and it does not position itself perfectly 100% of the time. But ok until we find a better solution.

From distant experiments I must mention 2 hunches:

  • The solution for a top-bar site may differ from an off-canvas one
    I wish Zurb could provide official solutions for both, cause I'm guessing major time is lost by people on this now. And if a user solution is found, people may fear it will break something in Foundation at some point, because it is not 'official' or changed a CSS rule here or there for it to work.

  • Possibly similar to your current problem: when you think you have found a solution, also check if in case of a top-bar menu longer than the viewport, if that menu is scrollable (to have access to all menus) instead of maybe acting weirdly and the sticky footer code preventing that. Just a hunch though...
    In the latter case you might be able to solve it by having an open/close menu event change some of the sticky footer css back & forth.

Good luck & thanks for looking around :)

You commented on Blake Boyer's post over 4 years

If you use the 204KB foundation.min.js it has everything in it and you shouldn't include topbar.js

This may or may not solve it...

You commented on Julian Claus's post over 4 years

For one, you can assign that value when you opt for a custom download (although I haven't tested it).

If you want the medium to look like the small (no menu's), this 2nd post of Rafi still works, but the code needs adjusting in 2 spots only and is on different line numbers (easy to find).
http://foundation.zurb.com/forum/posts/1053-changing-topbar-breakpoint-using-css

For the general 'large to medium' breakpoint I simply (manually) replaced all standard (media query) width values of Foundation (in about 8 css file spots?) and the one that needs to be 1 pixel under it (1 or a few spots) to 1 pixel less and that seems to work :)

Posts Followed

Following

  • No Content

Followers

  • No Content