Menu icon Foundation
Mobile foundation6 doesn't work, foundation5 does

So I have one of my sites that uses foundation 5 purposely because the panels. All my other sites usually use foundation 6.

 

The problem with foundation 6 is the mobile view does not work at all. 

I took a screenshot of all images on my phone here https://goo.gl/photos/UxHiJuqMnAN6Rcit9

 

The first image (green) is my website with custom color nav (Looks OK on desktop) - url jackzmc.me

The second image is my server homepage which you can see the text gets cut off to the side, even with a menu thing like in the last images, it just shows that.

The last two images are the foundation 5 site (the other ones are foundation 6). URLhttps://jackzmc.me/doom/web/

foundation5foundation6mobile

So I have one of my sites that uses foundation 5 purposely because the panels. All my other sites usually use foundation 6.

 

The problem with foundation 6 is the mobile view does not work at all. 

I took a screenshot of all images on my phone here https://goo.gl/photos/UxHiJuqMnAN6Rcit9

 

The first image (green) is my website with custom color nav (Looks OK on desktop) - url jackzmc.me

The second image is my server homepage which you can see the text gets cut off to the side, even with a menu thing like in the last images, it just shows that.

The last two images are the foundation 5 site (the other ones are foundation 6). URLhttps://jackzmc.me/doom/web/

Jarryd Fillmore about 3 years ago

Yikes, the first couple look brutal (not because of you, just the framework I guess!).

Hopefully we can get some answers here.

Jackson about 3 years ago

Yeah the first one I manually  changed colors.. It looks completely fine on desktop. I've changed it to look a bit better on mobile by making it use the mobile-shown black bar.. but the problem is the mobile bar thing shows on desktop for a brief second.. on foundation 5 I've not seen that happen once.

 

Jackson about 3 years ago

bump, this problem is still occurring. Some of my new projects are making me use foundation 5 for the sake of the navigation working near flawless. Foundation 6 is not

Val Ery about 3 years ago

Jackson!

Oh, I got a picture as you. - http://i.imgur.com/pJw8Cgk.png

I so understand you solved the problem by using "responsive toggle". Yeah?

Jackson about 3 years ago

Well solved it? No. It's just a solution. I see the mobile bar sometimes, and vise versa on mobile. Foundation 5 I do not see any bar or at least it's very rare. 

Ed Quijano about 3 years ago

 Did you start designing mobil first? if you start with mobile first is a matter of media queries.  Sass can help you with that. I would recommend that your work with Yeti or other sass compiler.