Mega Menu Dropdown is Not Full Width – CSS Override Needed

  • Resolved jihan jay

    (@umaljayyyy)


    4 months, 2 weeks ago

    Hello ElementsKit Support Team,

    I am using your plugin to create a 5-column mega menu. The dropdown menu is stuck in a “boxed” layout and is not becoming full-width.

    I am using the Hello Elementor theme, and my header is built with the “Header, Footer & Blocks” plugin. An Envato template kit is also active.

    We have confirmed the issue is an inline style (e.g., style="width: 750px;") being added by JavaScript, which is overriding our custom CSS. We have tried many CSS overrides in the WordPress Customizer, including the following, but none have worked:

    CSS

    .ekit-wid-con .ekit-megamenu-panel { width: 100vw !important; }
#ekit-megamenu-main-menu > .elementor-container { max-width: none !important; }
header.uael-header-builder > .elementor-container { max-width: 100% !important; }

    Could you please provide the correct CSS snippet to override your plugin’s script and force the mega menu dropdown to be full-width?

    Thank you for your help.

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Support Reedwanul Haque

    (@reedwanul)

    4 months, 2 weeks ago

    Dear @umaljayyyy,

    Thank you for reaching out to us.

    I’d like to inform you that there’s no need to use custom CSS to increase or make your mega menu full width, this can be done directly from the menu settings. I’m sharing a video guide here: https://d.pr/v/7PnTH9 to show you how. After following the steps in the video, your issue should be resolved.

    If the issue still persists, please share a video showing the steps you’ve taken and the outcome you’re experiencing. Also, kindly provide your website URL so we can inspect the issue more accurately and assist you further. Your patience and cooperation are greatly appreciated.

    Looking forward to your response.

    Regards,
    Reju

    Plugin Support Reedwanul Haque

    (@reedwanul)

    4 months ago

    Dear @umaljayyyy ,

    I hope this message finds you well. Since we haven’t received any response from you, we assume that the issue has been resolved. Therefore, I’m marking this thread as resolved.

    If you need any further assistance on this matter, feel free to create a new thread. We will be happy to assist you.

    Best Regards,
    Reju

Viewing 2 replies - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.