diriras

Also i noticed that after the CSS code applied,when I hover the menus items in full screen it auto expand to mega menu successfully as they should but below 1142px it is not it just drops down the whole menu down.

this is the url:
https://www.sportlive.gr

and this is a pic of the error:
https://ibb.co/zrhc6XJ

Best Regards

Hello,

1.Thank you four your post, indeed I forgot to put the {} strings in CSS code, so I was getting the error.

The CSS code is correct now and I am viewing the correct results except when I am pressing one of the menus to expand, all the menu bar is suddenly drops down and in parallel the menu is expanding the mega submenus, this one I do not know how to fix it.

2. As far as the menu resetting to the default settings, I ‘ve managed to overcome this by creating a new Menu and put hte setting one by one again.

The only real problem that needs fixing is the CSS menu below max-width: 1142px

@media only screen and (max-width: 1142px) {
#mega-menu-wrap-header-menu .mega-menu-toggle + #mega-menu-header-menu {
background: #182f4c;
padding: 0px 0px 0px 0px;
transform: translate(0%, 50%);
display: inline-flex;
}
}