- This topic has 11 replies, 2 voices, and was last updated 4 years, 4 months ago by
.
I have a problem with the menu. while editing and creating the menu with elementro I see all the changes I make, when I save and reload the page I don’t see the changes anymore. (see attached images) how can i solve?
Hi @windriser,
I hope you are well today and thank you for your question.
Could you please share your site URL where it’s happening so that I can troubleshoot it?
Best regards,
Shufflehound teamthe URL of website is https://ecografieultravet.com
I could confirm it but not sure why this is happening.
This can be a bug of elementor plugin.
You can resolve it by adding the following CSS code in the Custom CSS code option of your theme on the below path.
Admin Area -> Jevelin -> Theme Settings -> Custom CSS/JS -> CSS Code
.elementor-nav-menu .sub-menu { background: #FFF; }I’ve tried to change theme, and with twenty twenty-one theme the menu works fine. have you an idea to solve this?
Solution for this topic
This is happening because the sub menu does not hae class “elementor-nav-menu–dropdown” when using the Jevelin theme.
Could you please contact the elementor plugin support to know why this is happening so that we can resolve it?
In the meanwhile, you can use the below CSS code.
.elementor-nav-menu .sub-menu { background-color: #FFFFFF; border-radius: 5px 5px 5px 5px; box-shadow: 0px 0px 9px 0px rgb(0 0 0 / 50%); }thank you very very much, the CSS code work fine.
“Could you please contact the elementor plugin support to know why this is happening so that we can resolve it?”
yes, of course.
I contacted elementor support, unfortunately it wasn’t very helpful. their response was: “create a child theme that will include the class you mentioned.” (elementor-nav-menu – dropdown) but they didn’t give me the way to do it, saying it’s not part of the support to provide custom code.
I hope you can find a solution
Thanks very much
Glad, the CSS code is working fine.
You are most welcome here 🙂
after doing some tests, I leave here the complete CSS code to change the text color, text color and background in the “hover” selection, text color and background in the “active” selection.
.elementor-nav-menu .sub-menu { background-color: #FFFFFF; border-radius: 5px 5px 5px 5px; box-shadow: 0px 0px 9px 0px rgb(0 0 0 / 50%); } .elementor-nav-menu .sub-menu .elementor-sub-item { color: #0b5d92; } .elementor-nav-menu .sub-menu .elementor-sub-item:hover { color: #FFFFFF; background-color: #0b5d92; } .elementor-nav-menu .elementor-sub-item.elementor-item-active { color: #FFFFFF; background-color: #0b5d92; }P.S… the submenu it is not written
.elementor-nav-menu–dropdown
but
.elementor-nav-menu–-dropdown
(at least in some line of the menu code it was written like this)
Thank you for sharing it in the forum that will help others.
