Have messed up my megamenu flyout

[App8047]

Hi,
I can’t seem to make my flyout menu go to the edge and be fully with the grey background and full width like the main menu.

Please see attached screenshots:
1) how it appears upon hover (with a weird white background behind the grey background see the arrows on the left bottom as well :/
2) what I see in Elementor, it seems the container size is too small or something?

Also is there any way to put in add to cart button (or buy) or something so they don’t have to go all the way to the product page?

Would you be kind enough to help?
Thanks so much for great support.

• This topic was modified 2 years, 2 months ago by App8047.

Attachments:

You must be logged in to view attached files.

Hello,

Please enter every menu item and find the option “Full-width”. You can find more detailed instructions: https://xtemos.com/docs-topic/create-mega-menu/

If you have any questions please feel free to contact us.

Best Regards

[App8047]

Hi,
The menus are set to full width for each.

The right hand grey background in Elementor is taller than the height of the container on the left, so the rest of the menu contained isn’t aligning properly on the front end. So either reduce the height of the grey background on the right, or increase the text menu container on the left so it properly aligns.

See the second menu on the left barneskolen. The bottom right is too tall.
https://www.swltesting.site/

P.S. Is there any way to import the menus (HTML blocks) from another demo?

• This reply was modified 2 years, 2 months ago by App8047.

Attachments:

You must be logged in to view attached files.

Hello,

Please insert the site admin access into the Private content below the message area. We will take a closer look at the case.

Best Regards

Hi, I’ve used the red sofa image and managed to get one of the menus fullwidth by messing with one margin (not sure if that was a good idea and will need to test on other computers.).

Thank you so much for your help!
Have put in the login details in Private Content.

Hello,

Sorry, mega menu blocks are not possible to set full-width, they will aways be limited by the main content width.

If you have any questions please feel free to contact us.

Best Regards

But the megamarket menu goes full width. (see attachment)
And the bottom item (with the blue wolf background called ‘Serier’) goes full width…??
Is there any way I can increase the space on the menu so it aligns with the bottom of the flyout? I tried to add in ‘fake’ menu items with no link etc, but it didn’t work. (like Megamarket)
Is there anyway I can important the Megamarket menu in the main green theme?

Attachments:

You must be logged in to view attached files.

Hello,

Mega menu market Product category menu is created in some alternative way using “Menu” element: https://prnt.sc/YTRtLiaQ2yT8

As you see a special menu “Aside” has been selected there: https://prnt.sc/8oyixmJmbZWj

You can download this demo to your staging site and reproduce the same settings.

If you have any questions please feel free to contact us.

Best Regards

Thanks for your help, looks like I’ll need to have a play around to get it to work.

Thanks again.

You are welcome! We are here to help.

Wish you a wonderful day!

[Author]

Posts