➡ Reponsive ⬅ about deprecated-wikitongues-website HOT 7 CLOSED

@robinmetral https://iamsteve.me/blog/entry/horizontal-scrolling-responsive-menu <- here we go! :)

from deprecated-wikitongues-website.

Working on this as of today!

@bogreudell I've postponed the idea of rewriting the overall layouts to make them seamlessly responsive with a grid. It would take too long and affect too many other design elements.
Instead, for now, I'm using media queries to make the current layouts display properly on mobile.

I'm running into a few problems with the nav @bogreudell. Do you know if Wordpress has built-in features to easily make a top nav become a hamburger icon?
Otherwise I might have to change our navs, but they are PHP variables. Where yould I edit them? (I'm thinking putting the current two navs into one, and adding a hidden element to toggle the hamburger button).

from deprecated-wikitongues-website.

@robinmetral I don't believe WP has any built-in functions that would render this. We'll need to compose the markup manually. Another solution for the mobile menu would simply be to have a horizontal scroll. What do you think?

from deprecated-wikitongues-website.

@bogreudell By horizontal scroll, do you mean that the nav would stay the same as on desktop but overflow with a scroll to the right?
Do you have an example? 🙂

from deprecated-wikitongues-website.

@robinmetral Yep! That's what I meant. Thanks for interpreting :) I don't have an example off hand but will look for one

from deprecated-wikitongues-website.

Looks good! There's even a flexbox-ready tutorial 🙂 https://iamsteve.me/blog/entry/using-flexbox-for-horizontal-scrolling-navigation

I'll work on it @bogreudell

from deprecated-wikitongues-website.

@bogreudell Done ✔️
Now all that remains until we have a basic responsive site, is typography and spacing (which need to become smaller as screen size decreases) 🎉

from deprecated-wikitongues-website.