NavBar "More" Menu

Viewing 15 posts - 1 through 15 (of 37 total)
  • #20319
    WebGuyGuru
    Participant

    The Navbar frequently replaces some menu items with a MORE button.
    How can you get rid of this?

    It makes it unusable to have a widget in the navbar, because it forces the More menu link.
    Also, once you click on More, the links it shows are not clickable….

    I love this theme….thanks for the amazing work.

    #20320
    WebGuyGuru
    Participant

    Actually, I noticed that this even happens on your live demo: http://demo.onedesigns.com/enlightenment/
    If you shrink the browser window, the menu shortens and gives an undefined button (instead of More?). I then am unable to click on any of the links from the dropdown under ‘undefined’ (aka More).

    Please help. This makes the theme unusable, since most people don’t have their browser window maximized, and if you cannot click on half the navbar links, the visitor will immediately leave.

    Thanks!!

    #20327
    WebGuyGuru
    Participant

    Sorry for the lack of patience, but any help with this would be much appreciated.

    This theme is awesome, but if noone can see the menu bar, this is a major problem.

    Thanks again for the wonderful theme and wonderful support!!

    #20371
    Daniel Tara
    Keymaster

    When the browser window is resized menu items are collapsed under a more link because they don’t fit in the cramped space of the navbar. If you have a better idea of how to stack them when they don’t fit in a single line I’m all ears because I don’t like that solution myself either.

    #20445
    dobby10
    Participant

    Same issue here in wordpress 4.1. Daniel, the problem is the “More” button that appears doesn’t populate a drop down menu when clicked on. Also when on mobile, if you click the “Menu” icon only the “More” button appears that doesn’t populate, unless you scroll down past the header, then all the links appear.

    Edit: I discovered my issue… I had been using Bootstrap Shortcodes instead of Bootstrap 3 Shortcodes. Bootstrap Shortcodes seems to break the More button.

    • This reply was modified 9 years, 2 months ago by dobby10. Reason: Resolution update
    #20455
    DavidG
    Participant

    Daniel,

    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?

    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!

    Another suggestion is to bring down the menu links to the center underneath the logo or site name/tagline as the window size shrinks.

    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.

    **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**

    Thanks!!

    • This reply was modified 9 years, 2 months ago by DavidG.
    #20460
    DavidG
    Participant

    dobby10,

    I’m not sure the plugin you’re referring to fixes the original bug reported in this thread.

    Even the demo at http://demo.onedesigns.com/enlightenment/ displays this same issue, except instead of More it appears as undefined in my browser.

    Daniel: Can this issue be prioritized. As was stated above….a non-functioning navbar translates to bounced visitors!

    Thanks.

    #20467
    dobby10
    Participant

    Hi DavidG and Daniel,

    Yes, my issue was similar but unrelated to what DavidG is reporting here.

    To provide more details on the issue DavidG is reporting and add some clarity…
    Links that get stuck under the More button, or in the case of the demo page, Undefined, are not clickable only if they have a drop down/sub menu; they are clickable if they are direct links.

    #20482
    Daniel Tara
    Keymaster

    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?

    #20547
    LinkV
    Participant

    Has there been a solution to this yet?

    The demo page and the onedesigns homepage have the same number of menu items (6). if anything, the onedesigns homepage has additional bpress button plus social icons, yet it behaves better upon browser size shrinking!

    Could it be related to the menu icons and menu descriptions, only present on the demo page?

    can you point us to where you do the logic for browser size? or for the More feature?

    #20563
    lulugoh
    Participant

    This is a big problem…..I’me changing menu title to fit in navbar,
    but the last title (which is “Contact) has turn into “More”.
    I don’t know how to solve it,
    looking forward the new version!

    #20617
    NotSoHappy
    Participant

    This is a HUGE problem!

    Daniel – Appreciate any insights or solutions:
    How come your child theme works brilliantly, but Enlightenment itself is broken?

    Can you share the navbar specific custom css in your child theme??

    Please – this must be solved to make this theme workable (and in my opinion, one of the best out there). But otherwise, this is broken….

    #20618
    NotSoHappy
    Participant

    Daniel,
    I see you fixed the demo to not show “undefined” but “More” now. Did this bug uncover any other bugs?

    #20629
    NotSoHappy
    Participant

    Is this theme still being supported?

    #20636
    NotSoHappy
    Participant

    Anyone have any ideas here? Does anyone know how to look at the css for the “child theme” on Onedesigns.com and se what the navbar css is doing? As was pointed out above, the onedesigns.com homepage navbar works great – and doesn’t lump the menu into a ‘More’ tag upon resizing of the browser window.

Viewing 15 posts - 1 through 15 (of 37 total)

You must be logged in to reply to this topic.