I'm having trouble using the (main) menu, it doesn't display correctly, I can hover the mouse over the field where it should be, and it's like it's reduced in size.
I already clicked save on the MEGA MENU as said in another ticket, but it didn't work.
I've tried to read the css to identify where the problem is, but I couldn't.
I disabled and enabled the plugins and nothing.
there was a moment when everything worked out of nowhere, and then it stopped showing again.
I am not finding the place to fix the problem.
can you help me?
Used the header-5 template
I don't speak English, I used translation

I found part of the problem, it's in the cache, when I deactivate it it works fine, but when I activate it through cloudflare it stops working, showing the error sent earlier.
now when the menu is already selected, the raius properties I couldn't find to adjust, could you guide me

I applied these tweaks to the css and it seems to work, I'll follow up and let you know if the cache fails again, I disabled it for 3hrs in developer mode

.mega_main_menu.primary > .menu_holder > .menu_inner > ul > li.current-menu-item {
border-radius: 20px !important;
}
.mega_main_menu.primary > .menu_holder > .menu_inner > ul > li.current-menu-item > .item_link > .link_content > .link_text{
color: #FFFFFF !important;
}