Sub-menu overlap with main menu

  • Resolved kianvl

    (@kianvl)


    2 years, 10 months ago

    Hi there,

    I’ve been struggling with making the sub-menu not overlap with the main menu. See screenshot: https://ibb.co/gMCdQrS

    I’ve tested all presets and a lot of custom CSS styling in attempt to drop the menu down just a little bit (it’s currently overlapping the main menu with 5px). When performing an inspect element on the page, more specifically “<ul class=”mega-sub-menu”>” and adding custom css styling (margin-top: 5px;) will solve the problem (as seen here: https://ibb.co/ZfHTr1L).

    Good to know:
    The menu drop downs exist out of Elementor pages that are linked with Max Mega Menu. I have also tried to style those pages with this margin, but it didn’t solve the issue.

    I would love to know if any of you have an idea of how I can have this simple margin-top: 5px css styling applied correctly.

    Thanks in advance

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Author megamenu

    (@megamenu)

    Hi kianvl,

    Thanks for posting a link.

    The issue stems from this 5px padding:

    –> https://www.screencast.com/t/Axik7VBK2G5S

    It is that 5px padding that needs to be eliminated. You would need to look through the Elementor options (for the row/column/widget) to see if there is a way to set it back to 0px. If not, you would need to use custom CSS to override it and set it to 0px.

    Regards,
    Tom

    Thread Starter kianvl

    (@kianvl)

    Hello there Tom,

    Thank you so much for your swift reply.
    It was indeed the 5px padding in Elementor which you’ve mentioned. For some reason Elementor applied 5px padding in the column of the main menu, even though it wasn’t visible. Clicking the padding-link-button in Elementor (unlocking it) fixed it (see screenshot: https://ibb.co/K6phtRf)

    The final result is definitely as requested.
    Thank you very much for your insights, you helped me out greatly with this one!

    Wish you all the best!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Sub-menu overlap with main menu’ is closed to new replies.