Hello Tony,

Thanks!
We decided to make it 90% versus 100%.

However, is there anyway we can possible add add a “x” in the form of a static block and once that is clicked, make it exit the menu?

Hello Tony,

thanks for the video!

However we noticed when we view the website from a larger screen, when we hover over the words food, the static block (mega menu) the menu size changes and it adds the bottom scroller.

Also if we change the size of the website from the computer,
it changes the size etc. Is this normal?

We are building the static blocks in accordance to a laptop size of 15.6″ as this is the most common etc.

Thanks for your insight.

Hello Tony,

Thanks!
Can the image be added to the PCA please?

Hello Rose,

Would there any way of getting the menu to come out by clicking the words if hovering is not an option?

Thanks!

Thanks Tony,

Will use them!
Appreciate your help.

Hello Tony,

Sorry about that.
We tried the code and it did not make a difference.

Code used;

.et-off-canvas>.et-mini-content {
width: 100%;
}

Can you please check if it shows any difference on your end?
It is the same size as in the x-store demo websites.

Domain is on PCA

thanks!

Hello Tony,

We have that section unchecked, but the menu wont open on hover.

Just wanted to let you know that we have a code provided by Rose;

.et_b_header-menu .secondary-menu-wrapper #menu-all-brands {
height: 600px !important;
overflow-y: scroll !important;
}

This adds a scroll feature to the all departments section (because we have a lot)

Once we delete this code, the menus appears once hovered over or click on.

But once this code is added, we cant do any (open on hover or click)

How can we have both the scroll option (code above) and also get the menu opened via hover or click?

Thanks for your help!

Hello Rose,

thanks, we found it!

just having some issues on that section;

1) We chose the option which appears in the middle of the screen versus the options of left side / right side (when the menu opened from the right side/left side) once you clicked the button.

When we click it, it opens but we cannot see anything? It appears as transparent.

How can we make the background a solid color?

Thanks

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!

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!

Hello Rose,

thanks, look and works great!

Hello Rose,

1) I think we have figured this out! We will make static blocks and add them to the product description and it works the way we wanted.

2) Thank you we found this out as well!

Just one more question;

How can we add some space between the products and images? There is currently no space between them. (domain in PCA)

Thanks!

Hello Rose,

Thank you!

So you can only choose one menu? Meaning you cannot have one menu on the top and one menu on the side?

Hello Rose,

I thin this will work. Will the other brands still be shown?
For example, if we set the “show more link after” 20 items, does that mean when the 20 items are complete, when someone clicks the show button, it will show the other items (departments/brands)?

Overall we just want to be able to show the departments/brands we have etc.

Thanks for your help!

Thanks Rose!

We understand now that it means the width etc.