Move Mega menu down to avoid header overlap

  • Resolved ceejayuk

    (@ceejayuk)


    3 years, 9 months ago

    Hello,

    Firstly thanks for creating such a great plug-in!

    Please could you advise how I can move the megamenu panel downwards so that it avoids:

    – overlapping the sticky header (which triggers on scroll)
    – overlapping the site logo in tablet and mobile views.

    My aim is for the top of the mega menu panel to seamlessly meet with the black/semi-transparent header (and use the same black/semi-transparent background).

    Thank you,

    CJ

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

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

    (@megamenu)

    3 years, 9 months ago

    Hi CJ,

    In the theme editor, try increasing the menu height.

    Regards,
    Tom

    Thread Starter ceejayuk

    (@ceejayuk)

    3 years, 9 months ago

    Hi Tom,

    Thank you for getting back to me, although I’m struggling to see how to solely adjust the hieght of the menu via Elementor. It appears I’m only able to adjust the height of the section as a whole (which doesn’t produce the desired result).

    Thank you,
    CJ

    Plugin Author megamenu

    (@megamenu)

    3 years, 9 months ago

    Hi CJ,

    The Menu Height option can be found under Mega Menu > Menu Themes > Menu Bar.

    Regards,
    Tom

    Thread Starter ceejayuk

    (@ceejayuk)

    3 years, 9 months ago

    Hi Tom,

    Sorry but now any changes that I try to save in the Mega Menu Themes produces an error:

    Error saving theme. undefined

    Any advice please?

    Thank you,
    CJ

    Plugin Author megamenu

    (@megamenu)

    3 years, 9 months ago

    Hi CJ,

    I see you have increased the height of the menu. Do you still have the problem? Please can you post a screenshot?

    Regards,
    Tom

    Thread Starter ceejayuk

    (@ceejayuk)

    3 years, 9 months ago

    Hi Tom,

    I’ve still got the problem. I’ve emailed screenshots of the issue yesterday.

    Thank you,
    CJ

    Plugin Author megamenu

    (@megamenu)

    3 years, 9 months ago

    Hi CJ,

    Where did you email them to? If you are a Pro customer please create a ticket (or if you have one already, reply there instead).

    Otherwise please upload the image to imgur.com and paste the link here.

    Regards,
    Tom

    Thread Starter ceejayuk

    (@ceejayuk)

    3 years, 9 months ago

    `Hi Tom,

    I did manage to increase height on a couple of occasions when testing activating/deactivating other plug-ins but only get the opportunity to perform / save one MegaMenu Theme edit before getting the ‘Error saving theme. undefined’ message.

    Screenshots are:

    <a href=”https://imgur.com/V7o7kN4&#8243; rel=”noopener” target=”_blank”>View on Desktop</a>

    <a href=”https://imgur.com/EXo2Ppk&#8221; rel=”noopener” target=”_blank”>View on Mobile</a>

    Thank you,
    CJ

    Plugin Author megamenu

    (@megamenu)

    3 years, 9 months ago

    Hi CJ,

    Thanks.

    For desktop, first look in the elementor settings for the row/column and set any padding options to 0px. If that does not work, use this custom CSS instead:

    .elementor-element-1151a08e .elementor-widget-wrap {
    padding: 0 !important;
}

    For mobile, try setting the Toggle Bar Height to 100px.

    Regards,
    Tom

    Thread Starter ceejayuk

    (@ceejayuk)

    3 years, 9 months ago

    Hi Tom,

    That’s perfect!

    Thanks ever so much for your help and patience!

    We look forward to using the plug-in and exploring the Pro version’s features in other website builds.

    Best regards,

    CJ

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

The topic ‘Move Mega menu down to avoid header overlap’ is closed to new replies.