Move menu

Hi,

Under Appearance > Mega Mega Menu > Menu Themes. At the bottom, in Custom CSS, add this on a new line:

#{$wrap} {
    margin-top: 40px;
}

Regards,
Tom

Thanks for the superfast reply!!!
It works perfect on firefox and Chrome but in internet Explorer the menu is now on the wrong position… :/ any solutions?

Hi,

I don’t think it will work but you could try (just change 40px to 10%)… but 10% percent of what? ??

Regards,
Tom

it works pefectly on chrome and firefox but on ie it now looks bad because there the menu is now on wrong position
Super support!
Will ad a 5 star rating

Could you send me a link to your site and I’ll take a look at the IE problem?

A 5* rating would be much appreciated ??

Thanks a lot for your help!
link to my site

Can you also give me a tip how to move the menu close to the right boarder of my theme?
Thanks a lot!!!

Hmm I am not sure how to fix that in IE. Maybe change margin-top: 8% to..

position: relative;
top: 60px;

The menu is right aligned for me, do you mean the downloads sub menu? If so, open the Mega Menu settings for that menu item and change ‘Sub Menu Align’ to ‘Right’.

Regards,
Tom

Ah, the menu is picking up some styling from your theme, which is removing the padding from the last item – is that what you mean?

If so, try editing your themes header.php file and remove the “navigation-main” class from the <nav> that is wrapping the menu (or get rid of that <nav> altogether).

Regards,
Tom

Will try this!
Thanks a lot for your help ic will recommend your plugin to other webdesigners! ??
Cheers from germany

Hey Tom sorry for needing your help again:

On my 24″ screen the menu now looks perfectly but afwully on smaller screens like my MacBook Air the menu position isn’t the same…
Is it possible to make the position of the entire menu container responsible?
Thanks a lot for your help!

Internet Explorer support still isn’t working

Hi,

I’m not sure where the menu should be positioned, it is on top of the slideshow on my screen (due to the 8.2% margin).

In Chrome, try right clicking on the page and going to ‘Inspect Element’ to see what CSS is being applied to the menu and causing it to be positioned where it is, find the problem and then add some CSS into your themes style.css file to correct it (or remove the CSS that is causing the problem).

This link may also help:

https://www.maxmegamenu.com/documentation/removing-residual-styling/

Regards,
Tom