New Landing › How can we help? › Themeforest Theme Support › Uplift › Mega menu style issues since update to 1.3.14 -> 1.3.30

Viewing 15 posts - 1 through 15 (of 18 total)
1 2
  • Back to forum
    Posted in: Uplift
  • March 27, 2017 at 10:57 am #318564
    GB
    Member
    Post count: 12

    Hi,

    I have just updated to Uplift v1.3.30, from using v.1.3.14. All plugins are up to date, including Swift and Redux frameworks.

    After updating, my menu styles have changed and I can’t figure out how to get it back just the way it was with 1.3.14.

    I have 2 menus with “fly out” sub-menus and 1 menu with a mega-menu.

    With 1.3.14 the fly-out menus sub-menu width automatically adjusted to the width of the menu links, and there was no line-wrapping. So, each of the two fly-out sub-menus was just the right width to accomodate the sub-menu contents.

    The mega-menu was set to “100%” width, and so this was fixed to the width of the main menu element width.

    With 1.3.30 this has changed:

    1: The fly-out sub-menu’s are now fixed at 180px wide, and so I’ve got wrapping happening for the text menu links. (EDIT: I’ve fixed this, see below)

    2: If the viewport is > 1800px, the mega-menu width is now too wide and extends too far to the right of the parent element. (I have the sub-menu set to align to the right-side of the parent element in the mega menu options). If I reduce browser width to < 1800px, it aligns correctly, so this must be a change in a media-query somewhere, but I haven’t been able to figure it out.

    I have tried adjusting the settings in the “default” theme of the Mega Menu options, but the changes have no effect at all. (It seems all the styles are hard-coded somewhere as any edits I make to Mega Menu “default’ theme has no effect)

    EDIT: I have managed to fix the fly-out sub menu width with some CSS:

    #header li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item > a.mega-menu-link {
  white-space: nowrap;
}

    Question: Is the above the correct way to do this, without adversely affecting anything else? (such as mobile menu).

    However, I can not figure out how to fix the mega menu alignment for viewport > 1800px, editing the setting in the Mega Menu Default theme has no effect.

    I have attached a ZIP with screenshots showing the changes from 1.3.14 -> 1.3.30.

    Attachments:
    You must be logged in to view attached files.
    March 27, 2017 at 11:20 am #318573
    GB
    Member
    Post count: 12
    This reply has been marked as private.
    March 28, 2017 at 10:32 pm #318906
    GB
    Member
    Post count: 12

    Hello!?

    More recent posts have responses from support team, but still I have no acknowledgement of this post?

    Please respond ASAP.

    Thanks.

    March 30, 2017 at 10:30 am #319075
    David Martin – Support
    Moderator
    Post count: 20834

    Hi,

    PLEASE NOTE: Adding an extra reply to your topic, as per our support policy, will take it back in the queue and take us longer to reply to you.

    – Will assign this to Ed (lead dev now to take a closer look).

    Can you add a WP login for us also?

    March 30, 2017 at 10:01 pm #319172
    GB
    Member
    Post count: 12
    This reply has been marked as private.
    April 3, 2017 at 5:41 pm #319486
    Swift Ideas – Ed
    Keymaster
    Post count: 15264

    Hi @GB

    Thanks for the heads up on this issue, we have just fixed it for the next update, which is due tomorrow/wednesday.

    – Ed

    April 5, 2017 at 11:18 am #319750
    GB
    Member
    Post count: 12
    This reply has been marked as private.
    April 7, 2017 at 2:20 am #319987
    GB
    Member
    Post count: 12

    Hi,

    I’ve installed 1.3.52 but still had same problems. I worked around by

    – Deactivating “shrink header on scroll”

    – Adding to my child theme css:

    `
    @media only screen and (min-width: 1800px) {
    body #mega-menu-wrap-main_navigation #mega-menu-main_navigation > li.mega-menu-megamenu > ul.mega-sub-menu {
    min-width: 600px;
    }
    `

    April 7, 2017 at 3:50 pm #320053
    Rui Guerreiro – SUPPORT
    Keymaster
    Post count: 25779

    Glad it’s sorted. Will forward to Ed to see if there is anything that we need to update.

    -Rui

    April 8, 2017 at 2:37 pm #320156
    Swift Ideas – Ed
    Keymaster
    Post count: 15264

    We have adjusted some css for the next update, which should address this.

    Thanks,

    – Ed

    April 30, 2017 at 4:36 am #322839
    GB
    Member
    Post count: 12
    This reply has been marked as private.
    May 1, 2017 at 6:11 am #322864
    Swift Ideas – Ed
    Keymaster
    Post count: 15264

    Hi @GB

    You tried clearing your browser cache?

    Just checked and showing fine here for us.

    – Ed

    May 1, 2017 at 8:48 am #322869
    GB
    Member
    Post count: 12

    Hi,

    yes, browser cache cleared, just checked with Chrome and FFox.

    In Chrome inspector, if I disable the ‘top:100%’ from nav.std-menu ul.sub-menu, ul.mega-sub-menu {} (main.css:6043) it seems to fix it. i.e. the sub-menu then lines up correctly when header is full height and shrunk.

    Thanks.

    May 2, 2017 at 2:01 am #322958
    Swift Ideas – Ed
    Keymaster
    Post count: 15264

    Ahh I see, I couldn’t see it as you have the header resize disabled.

    Try adding this CSS then:

    nav.std-menu ul.sub-menu, ul.mega-sub-menu {
top: inherit;
}

    Let us know.

    – Ed

    May 2, 2017 at 2:06 am #322959
    GB
    Member
    Post count: 12
    This reply has been marked as private.
  • Back to forum
    Posted in: Uplift
Viewing 15 posts - 1 through 15 (of 18 total)
1 2

You must be logged in to reply to this topic.