The Menu Shifted Up

Also, how do I make the widget panel wider without compromising the column width? I have 3 columns and the 3rd column of the sub menu shifted down rather than aligning with other sub menu columns under the “beauty”.

Hope that makes sense ??

Hi Surferchic,

It looks like you’re using the theme menu now, if you still need help please let me know and I will reopen the topic.

Regards,
Tom

Hi Tom,

Yes, I still want to use the max mega menu but I had to use the theme menu until I get the max mega menu fixed.

Is there an email address that I could send you the screenshots of what it looks like.

Thanks

Hi Surferchick,

Under Appearance > Max Mega Menu > Menu Themes, at the bottom, in the custom css box, try adding:

#{$wrap} {
    margin-top 55px;
}

Regards
Tom

Hello again

Well it did work, but now I get

Warning: CSS compilation failed. Please check your changes or revert the theme.

parse error: failed at margin-top 55px; line: 636

Well?? don’t get, is it becaused I changed the Theme Storefront?

Look at Delights.dk

Sorry, typo…

Try this:

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

Regards
Tom

Ok, solved the error, but it won’t move an inch?

??

Is there someone who can help me with this one?

Best regrads ??

Hi, could you enable the menu so I can take a look?

Regards
Tom

Hello Tom

It is enabled?

Delights.dk

??

Hello Tom,

Sorry, it does not seem working for me after changing the CSS.

Here are the screenshots.

https://awesomescreenshot.com/09b4gk3m27

I tried to reduce the spacing and the logo size but it seems not working.

How do I reduce the spacing on the Menu Items dropdown list? I tried to reduce it in Menu Item spacing and Widget padding but it didnt work ??

https://awesomescreenshot.com/0d64gk4b66

Thank you,

Hello Tom

If I remove

<nav id=”site-navigation” class=”main-navigation” role=”navigation”>

and replace it with <nav id=”site-navigation” role=”navigation”>

Then the CSS code is not working? the menu won’t move

If I keep <nav id=”site-navigation” class=”main-navigation” role=”navigation”> the menu icons is gone but the CSS code can move the menu

I am not a coding wizz, so do you know what to do?

https://www.delights.dk

Best regards.

Struden:

Please remove the class=’main-navigation’ bit so that the icons work.

Then, in the menu theme, change:

margin-top: 80px;

to

margin-top: 130px;
float: left;
width: 100%;

If you need more help please could you start a new topic? Its getting hard to follow ??

Surferchic:

Please could you post a link to your site?

Regards,
Tom

Hello Tom

Problem Fixed

Have a nice day ??

Hi Tom

In Mega Menu: When i change the link colour on the top menu bar to white ffffff all the menu items move from being in the horizontal position to be all vertical to the left hand side creating an unwanted massive header with the error:

Warning: CSS compilation failed. Please check your changes or revert the theme.
parse error: failed at $toggle_font_color: ; line: 183

How do I fix this?

Kristoff