Mobile max mega menu feature doesn’t work

i want make my mobile menu cover all width screen i used max mega menu plugin to to this

it has feature i need but doesn’t work with any number and changes !!

Hello there,

Try flushing active cache and reload your site. You would also need to clear your web browser’s history.

Regards,
Kharis

hi, thanks . but i did what u said i check it in incognito tab in chrome . and set value like this photo but it has no change.

Please share a link to your website here, so I can take a closer look.

Regards,
Kharis

https://suzugia-ai.com/

Hello there,

I just checked it and it seems like require deeper inspection and would spend more time for troubleshooting. Which plugin do you use? Maybe we could test it and check if there’s smoother solution.

Regards,
Kharis

thanks. i couldn’t fix this with change in css code . i am using Max Mega Menu plugin.

Hello there,

Try adding this CSS code to Appearance > Customize > Additional CSS from dashboard.

    @media only screen and (max-width: 1024px) {
      .btn-menu {
        opacity: 0;
      }
      #mainnav-mobi {
        display: block !important;
        top: 0;
        margin-top: 0;
        background-color: transparent;
      }
      #mega-menu-wrap-primary .mega-menu-toggle {
        background-color: transparent;
        line-height: 0;
        position: absolute;
        top: 0;
        right: 0;
        margin-top: -15px;
      }
    }

Let me know how it goes.

Regards,
Kharis

hi , i used this cod when plugin is active and deactive in both of it doesn’t work i use incognito tap to watch with no history

when plugin is on and i set off-canvas: 100% i get this result

Hello Emma,

It looks good to me. I am clueless where to fix.

It also displays fine on my iPhone.

https://cloudup.com/cDjXHRluha0

Regards,
Kharis

thanks to send like . i know it has no problem i just want make it like https://www.blackrock.com mobile menu and i don’t know why force full width in max mega menu plugin doesn’t work on talon mobile theme .