When I read this I assumed J.C. was referring to a navigation bar that is fixed to the bottom of the screen, and I think D'Arcy provided a solution (I didn't test it).
I think there are very valid use cases for this design pattern. If the navigation is accessible from the bottom of the screen it is always in easier reach of my thumbs (especially on this Note 5). It also affords the opportunity to have "quick links" (contextual or otherwise) as well as a hamburger type button that can expand more navigation. Test your user base and see if it is a better experience for them. Chris On Jan 27, 2016 7:39 PM, "Tom Livingston" <tom...@gmail.com> wrote: > On Wed, Jan 27, 2016 at 5:15 PM, J.C. Berry <jcharlesbe...@gmail.com> > wrote: > > Hello, > > I have read that on mobile devices it is better to move your nav to the > > bottom of the screen. First of all, do you agree? Secondly, how can you > > move something down that may be in the HTML above the other elements? > > > > Eager to hear. > > > > -- > > I assume what were talking about is having the 'mobile nav' at the > bottom of the page with a link (hamburger anyone?) at the top to jump > down to it. A number of years ago I built a site that used this > method. If I had to do it again, I would choose a better method for > the structure, but for my skill level at the time it was ok. > > You could have the <nav> be parent-less (except for <html> element), > and position it at the bottom for narrow widths and at the top for > wider. This obviously has design implications, but it's certainly > possible. Absolute positioning is one simple way to achieve this, but > as others have mentioned, flexbox is another way. > > HTH > > -- > > Tom Livingston | Senior Front End Developer | Media Logic | > ph: 518.456.3015x231 | fx: 518.456.4279 | medialogic.com > > > #663399 > ______________________________________________________________________ > css-discuss [css-d@lists.css-discuss.org] > http://www.css-discuss.org/mailman/listinfo/css-d > List wiki/FAQ -- http://css-discuss.incutio.com/ > List policies -- http://css-discuss.org/policies.html > Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ > ______________________________________________________________________ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
