menu dropdown with megamenu module bug - Forum | JoomShaper
Solved Helix Framework

menu dropdown with megamenu module bug

Asked by Rakesh 1 year ago Last activity 1 year ago

Experiencing problems with the Megamenu when using multiple menu's with a Template dropdown that has a module inside. The Custom module contains an image.

Since the module contains a full width page. This creates a problem with the location of the sp-dropdown-inner.

By changing right:0; to 'auto' and adding max-width this gets solved.

body.ltr .sp-megamenu-parent .sp-dropdown.sp-dropdown-main.sp-menu-full {
  left: auto;
  right: auto;
    max-width:300px;

Accepted answer

Marked as the solution
Mehtaz Afsana Borsha Staff

Hi Rakesh,

Thanks for contacting us. Is this solved now?

-Regards.

Mehtaz Afsana Borsha Staff

Thanks for accepting the answer.

1 more reply

Rakesh Asked this
1 year ago · edited

The first menu sp-dropdown has a style code [element] added (300px) that shouldn't be there (leaving empty is not posible).

<div class="sp-dropdown sp-dropdown-main sp-dropdown-mega sp-menu-center"
style="width: 300px;">

Have set the alignment to center now, this helps. I would prefer left, but that gives difficulties with the first menu. With center, left -150px is added, but this isn't good either. Should be -100px.

Log in to reply.