The funny thing is that your navbar on onedesigns.com functions very well upon browser re-sizing. Can you do the same thing for enlightment, or show how it can be done?
Even funnier thing is that onedesigns.com runs on a child theme of Enlightenment, but I know not to stack the navbar with many links and long titles so that they overflow the container.
It seems that you have the font and padding shring as the browser size gets smaller, until it hits the “mobile limit” and then you just have the mobile menu icon. This is perfect!
Same think happens in Enlightenment theme as long as you keep navigation links limited to 5-6.
Another suggestion is to bring down the menu links to the center underneath the logo or site name/tagline as the window size shrinks.
There are several issues with this approach:
- If the large navbar is set, spanning the navigation on a second row would make the header 160 pixels high, which is huge for a fixed header.
- There is no way to know in CSS if the navigation overflows or not, so if a fixed header is selected the only way to calculate the content offset is with JavaScript which would cause it to flash on page load.
- If descriptions are set for menu items, they would require to recalculate the padding, which again can only be done with JavaScript.
- By default the navigation is aligned to the right and when spanning on a second row it would look disproportionate, unless another option is added to align it to the left.
- There are several more issues with combinations of small/large and fixed/static navbar that when are fixed in one place break in the other.
This was actually the first approach dealing with menu items overflowing the navbar height, but it required too many compromises so I gave it up. The only practical approach in this situation is to completely disable the large navbar and menu descriptions, not just for navigation that overflows but for everybody. Unless, of course, I’m missing a very obvoius solution to this which is very probable.
Either way, please suggest how we can implement a change, or please let us know when this will be implemented. Because, as was stated above, the current More button is unusable.
As well as your requests to “fix it” are useless, unless you have a viable solution. That’s why I opened this topic for debate in the first place. If a had a fix, I would have implemented it a long time ago without needing for anybody to request it.
**It’s also nice how on the onedeisgns.com you keep the My Account menu button up there even when the window size gets real small. This would be amazing to have in Enlightment as well**
Can you please elaborate? That’s a bbPress button which is not supported by Enlightenment, so what exactly are you trying to keep in the navbar?