Mega Menu and top bar menu on Cardinal issue

[cmwwebfx]

Hi there Team,

Having a few issues that am scratching my head over.

I have set the top bar to use the top bar menu in which we need to display by Wednesday for the Schools secondary links. However when I set a top bar menu and select the location for the menu to be for the top bar, I see nothing rendered at all.

I have made a mega menu for the wireframe of the site, and notice that the menu or header seems ofset by about 15px. Screenshot attached.

Attachments:

You must be logged in to view attached files.

[Rui Guerreiro – SUPPORT]

Hi,

Can you provide us admin credentials so we can check your settings?

-Rui

[cmwwebfx]

This reply has been marked as private.

[Swift Ideas – Ed]

Hey Ciaran,

We fixed the menu in top bar option in v1.62 – did you get that update?

The mega menu isn’t actually offset, it lines up with the hover state of the menu item (i.e. if you hover home, the left side of it will line up with the mega menu dropdown.

– Ed

[cmwwebfx]

Hi Ed,

I didn’t notice the 1.62 was released. I must have skipped over that email notification from ThemeForest. Downloading now, and see that it also fixes the CSS editor in the changelog. Good to see.

As for the mega menu, yes I did see that it lines up with the home navigation. Please see the screenshot attached. It would be better if the mega menu was to take up the full width of the main container, because if you have a banner image that spans the content below then the mega menu looks as though it is not lined up correctly on the site.

Our designers and digital strategist picked this up right away when they say it.

please can you show me one of your demo’s that have a mega menu switched on, I was trying to look for one on the demo’s but cannot see any.

Here is my feedback on the mega menu & Menu issue in more detail with screenshots attached.

Symbols used below:
=< (equal and less than)
=> (equal and more than)

Menu
= < 1199px the main menu row/or container is reducing much more than needs to be and making menu stack.
(screenshot attached: “Menu container reduced below 1199px.png”)

Mega Menu
Last row child menus are not consistent with margin to be added to bottom so that space displayed above the first row will show as space shown below the last row.
(screenshot attached: “megamenu 1280px and above.png”)

= > 1280px the mega menu is not taking up the sites container width declared in the redux general width settings.
(screenshot attached: “megamenu 1280px and above.png”)

1200px -> 1279px mega menu fits the container perfectly and is responsive
(screenshot attached: “megamenu ok from 1200px to 1279px.png”)

991px -> 1024px mega menu does not fit the main container and becomes un responsive.
(screenshot attached: “megamenu should be responsive from 1024px to 991px but is not resizing.png”)

Hopefully this detail helps see what the design studio and I are seeing.

– Ciaran

Attachments:

You must be logged in to view attached files.

[cmwwebfx]

Hi Ed,

I have found the issue on the width of the megamenu not basing the width defined in the Redux general settings. I have not taken the time to go through your mega_menu_custom_walker.php file, but I have my redux option for max width set at 1250px, however when I inspect the child menu it is set to 1220px !important.

I have manually added to the custom CSS to override this for now:

li.menu-item.sf-mega-menu > ul.sub-menu {
    width: 100% !important;
    max-width: 1250px;
}

[Rui Guerreiro – SUPPORT]

Glad you solved it.
Thanks for the code.

-Rui