the submenu looks different

Home › Forums › Jevelin Theme › the submenu looks different

Home › Forums › Jevelin Theme › the submenu looks different

Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    NOT RESOLVED Posts

  • windriser
    Participant

    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?

    Attachments:
    You must be logged in to view attached files.

    Shufflehound Support
    Moderator

    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 team

    windriser
    Participant

    the URL of website is https://ecografieultravet.com

    Shufflehound Support
    Moderator

    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;
}

    windriser
    Participant

    I’ve tried to change theme, and with twenty twenty-one theme the menu works fine. have you an idea to solve this?

    Shufflehound Support
    Moderator

    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%);
}

     

    windriser
    Participant

    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.

    windriser
    Participant

    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

    • This reply was modified 2 years, 8 months ago by windriser.

    Shufflehound Support
    Moderator

    Glad, the CSS code is working fine.

     

    You are most welcome here 🙂

    windriser
    Participant

    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;
}
    • This reply was modified 2 years, 8 months ago by windriser.

    windriser
    Participant

    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)

    • This reply was modified 2 years, 8 months ago by windriser.

    Shufflehound Support
    Moderator

    Thank you for sharing it in the forum that will help others.

  • Author
    Posts
Viewing 12 posts - 1 through 12 (of 12 total)