Return to previous page

Mega menu / static block not showing properly on website?

This topic has 8 replies, 3 voices, and was last updated 10 months, 3 weeks ago ago by Tony Rodriguez

PR

Participant

May 20, 2023 at 05:35

Hello,

I was trying to make a mega menu (using the static block) as you suggested.
However when I hover over the link on the main menu, it appears all messed up (not showing up properly)

How can we make it so it shows up perfectly etc.?

I have attached the link on the PCA.

Thanks for your help!

Please, contact administrator
for this information.

#357278 Copied Theme version: 9.1.5

7 Answers

Tony Rodriguez

Support staff

May 20, 2023 at 07:16

Hello PR,

In order to resolve your issue, please watch and follow the steps outlined in the video provided. https://www.youtube.com/watch?v=JiI6qDaVtY4

Additionally, you can read and follow the instructions written in our theme documentation here. https://xstore.helpscoutdocs.com/article/27-mega-menu

We hope this helps.

Best regards,
8Theme’s Team

#357288 Copied

PR

Participant

May 25, 2023 at 01:04

Hello Tony,

Just a few questions;

1) We have set the height as 1000 and the container width as 2000. We then made a static block and attached it to the menu. But when you hover over it, it appears weird and does not look aligned etc. How do we make it aligned and what is the standard size for the height x width you would recommend?

For example, what is the size set on this demo; https://xstore.8theme.com/elementor/demos/niche-market02/shop/

If we can copy the size etc., maybe we can get a similar result.

Everything looks perfectly fit and aligned etc.

Thanks for your help!

Please contact administrator
for this information.

#357620 Copied

Tony Rodriguez

Support staff

May 25, 2023 at 09:50

Hello PR,

We kindly suggest that you navigate to Appearance >> Menu and click on the Menu item. After that, please try to set the width as 1400px and remove the height from there. Once you have saved the changes, please clear the browser cache and check back to your site.

For your reference, please see the screenshot provided: https://postimg.cc/SjH7t843

Best Regards,
8Theme’s Team

#357675 Copied

PR

Participant

May 28, 2023 at 08:21

Hello Tony,

Thank you for he details.

We are still trying to make the static blocks look good for the mega menu feature.

The menu we are making will be long with lots of products.
How can we add scroll feature on this are so customers can scroll down the menu?

Thanks again for your help!

Please contact administrator
for this information.

#357862 Copied
Rose Tyler

Support staff

May 28, 2023 at 12:34
Hello PR,

Please try to use the next custom CSS code:
```
.et_b_header-menu:not(.header-secondary-menu) li:hover>.nav-sublist-dropdown:not(.nav-sublist) {
    height: 400px !important;
    overflow-y: scroll !important;
}
```
We hope this information is helpful.

Kind Regards,
8theme team
#357879 Copied
PR

Participant

May 29, 2023 at 02:19

Hi Rose,

This is exactly what we needed, thank you very much!

Just had one more question if you don’t mind.
What is the default size in terms of width for the static block/mega menus which come out when hovered (based on pexels)?

Meaning, what size do you recommend?

#357915 Copied

Tony Rodriguez

Support staff

May 29, 2023 at 06:10

Hello @PR,

We are delighted that our solution was able to assist you in resolving your issue. The default and recommended Mega Menu container width is “1400px”, which is the same width we used on our demo sites to display the static blocks in the Mega Menu popup.

Best Regards,
8Theme’s Team

#357926 Copied
Tagged: mega menu, showing properly, static block, woocommerce, wordpress
Viewing 8 results - 1 through 8 (of 8 total)