Return to previous page

MegaMenu Issue - by Matiasvf - on WordPress WooCommerce support

This topic has 10 replies, 2 voices, and was last updated 3 years, 9 months ago ago by Olga Barlow

Matiasvf

Participant

June 29, 2020 at 01:30

Hey, I want to create a Mega Menu that stretches to the width of the page, not boxed. Also I woud like it to not overlap the header.

https://ibb.co/n7sqb25

Example of what I want:
https://ibb.co/XY2w2p5

#242492 Copied Theme version: 6.3.5

9 Answers

Matiasvf

Participant

June 29, 2020 at 02:32

Also, if I activate “stretch row” when Im working on the static block this is what happens.

When I see the static block alone it looks good, and its responsive:
https://ibb.co/jGcMrnG

But look at how the Mega Menu looks… all messed up and not responsive at all…
https://ibb.co/KVPgrCv

All I want is to create a Mega Menu that stretches to the edges and its responsive to resizing the window… It shouldnt be this hard…

#242493 Copied

Matiasvf

Participant

June 29, 2020 at 02:42

Here goes my sign in info.

Please contact administrator
for this information.

#242494 Copied

Olga Barlow

Support staff

June 29, 2020 at 15:17

Hello,

Check now. Let me know if you wanted to implement something different than we did.

Regards

#242564 Copied

Matiasvf

Participant

June 29, 2020 at 15:22

You didnt do anything…

https://ibb.co/X8YwW9g

I want the menu to be full width and the static block to be centered, responsive and full width as well.

#242566 Copied

Olga Barlow

Support staff

June 29, 2020 at 15:56

Hello,

Please, clear the browser cache, for me, it looks different https://gyazo.com/9ae19652d820400ac113568c980eca3c

Regards

#242576 Copied

Matiasvf

Participant

June 29, 2020 at 16:09

Okey I see it now, thank you. But as you can see on the image, it doesnt strech all the way to the right. https://ibb.co/7WwdpvH

Also, is there a way to remove the “animation-name: et-toTop;” so it just fades but it doesnt move up? Because it creates an empty gap when it appears.

#242581 Copied
Olga Barlow

Support staff

June 29, 2020 at 19:31
Hello,

It’s fully stretched. I don’t see problem. Try to add the content to the last column and you’ll see that browser scroll will overlap the mega-menu content http://prntscr.com/t8nmga

Add the custom below to child theme style.css to remove the animation
```
.et_b_header-menu:not(.header-secondary-menu) li:hover > .nav-sublist-dropdown:not(.nav-sublist) {
    animation-name: none;
}
```
Regards
#242631 Copied
Matiasvf

Participant

June 29, 2020 at 20:34

Im testing the Elementor version, but Im having the same issue, the mega menu is not centered and not responsive. What did you change to make it look correctly?

https://gyazo.com/57427a730e3d4dc8a7aca68eaae5ec1c
https://i.gyazo.com/3a50b115b947a14f963ca747cf9351de.mp4

Please explain how to fix it, I cant be asking everytime I create a new menu…

Please contact administrator
for this information.

#242636 Copied

Olga Barlow

Support staff

June 30, 2020 at 15:58

Hello,

Point is that our theme does not have option with the full-width menu. That’s why custom code that we add to allow you to use it is different depending on the situation and position of the menu.

Or use third-party plugins for the menu that allow creating full-width menus.

Regards

#242712 Copied
Viewing 10 results - 1 through 10 (of 10 total)