Be Theme Update 21.8.3 problem

vassilis_stavropoulos

Hello.

I just updated test.gulliver.gr to the latest Theme version 21.8.3 and I found a problem.

When hovering the main menu, the mega menu opens below. But when trying to move the mouse pointer down to mega menu it just disappears.

(password for test.gulliver.gr   cM06j$NCBr  )

In gulliver.gr (witch I have not yet updated) it still works fine.

Any suggestions please?

Thank you foe your prompt reply.

Vassilis

Pablo

Hello,

Please paste that CSS code into Theme Options > Custom CSS & JS > CSS

.sub-menu{top:60px !important;}

thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

vassilis_stavropoulos

Hello.

Thank you for your reply.

I add it to Theme Options > Custom CSS & JS > CSS but it does not work.

I even tried to add it in my Child Theme's style.css with no luck.

Right now the custom css is still in Theme Options > Custom CSS & JS > CSS.

Please check. I wait for your suggestions.

Thanks.

Pablo

You did not close the CSS rule before my CSS code

https://prnt.sc/u5kg0h

It will work if you close it

thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

vassilis_stavropoulos

Sorry about that. I closed it now and it works better. But the submenu now seems ''broken''. It seems that the submenus (Holidays - Honeymoon - Tours - Cruises) in the columns slided below the white background and there is also a bigger space after the titles in submenus and the first menu link in every column.

Also the submenu covers part of the logo.

If you can check the main menus in gulliver.gr (older Be Theme version) and test.gulliver.gr (latest one) you can see that the main manu in the topbar is vertically centered in the fist one and it aligns at the top of the topbar at the test site. Something has changed -not for good - at the latest Theme version.

Please advise for both issues.

Thank you.

vassilis_stavropoulos

Following from previous...

I checked that at the older Theme version there is no line-height attribute but at the latest one there is this new attribute line-height: 50px;

Before the menuitem class was taking the height from the topbar (90px in this situation, see gulliver.gr).
I think that now with this new line-height: 50px; makes the original problem I first discussed.
Please check and inform if this is something that will change in a newer version or please suggest solutions. Thanks again.

Pablo

Please use this CSS Code instead:

.mfn-megamenu-parent > .sub-menu{top:60px !important;}

thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

vassilis_stavropoulos

Much better now, thanks.

Can you please suggest how can i align vertically menu items within topbar?
In the last theme version it seems to align on the top not in the middle as before. They are higher than the logo.

Menu items height is now 60px not 90 as before.

Thanks again.

Pablo

We did not change anything in the mega menu styles in recent updates.

But, we can see that you are using on https://gulliver.gr/ some lazy-load plugin which could make that problem.

Can you disable it?

thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

vassilis_stavropoulos

Hello.

https://gulliver.gr/ has no problem yet as I have not updated to the latest Be Theme version.

On the other hand test.gulliver.gr has the above mentioned problem with the menu items in the top bar.

test.gulliver.gr has no lazy loading enabled!!!

I kindly wait for your suggestion.

Thanks

Pablo

It was because of your Custom CSS code on old website.

Please use this and get rid of my old css code:

.menu-highlight:not(.header-creative) #Top_bar .menu > li > a{
	margin:20px 0px !important;
}

thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

vassilis_stavropoulos

I changed the css code with your new one in test.gulliver.gr and works fine.

But when i updated Theme and put the same css code in gulliver.gr there is the same problem.
Menu items are higher and when trrying to hover from main menu to megamenu it disappears.

[menu items height in test.gulliver.gr is now 90px and in gulliver.gr is 60px)

I even disabled the lazy loading to gulliver.gr to check with no luck.

Please help as now the site (gulliver.gr) is LIVE!

Thanks again.

vassilis_stavropoulos

For your information I just found that the Be Child Theme in test.gulliver.gr inversion 1.0.0 and in gulliver,gr is version 1.6.2. I do not know if this helps...

Pablo

You did not close one of the rules, again

https://prnt.sc/u6sdws

Thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

vassilis_stavropoulos

Thank you so much.

Everything is fine now.

I do like Be Theme but I like your support even better,

Thanks again.

Please close this ticket.