Support » Plugin: NavMenu Addon For Elementor » default menu shows vertically

  • Resolved beitsiach

    (@beitsiach)


    Hello,
    I have begun to work on a new design for a website using Elementor free version (this site is a test, it is not live).
    I use Twenty Seventeen Child theme, installed the Nav Menu plugin and the Header Footer Elementor plugin.
    I am making a header for the site, and trying to make a menu I have, only top items, no sub-menus at this time. But when I drop the default menu in place, I get a vertical menu looking like mobile menu, with the toggle button on top.
    Please assist.

    The page I need help with: [log in to see the link]

Viewing 15 replies - 1 through 15 (of 23 total)
  • I have determined that the problem is that the page is RTL (my website is bilingual English-Hebrew).
    In English, the menu works just fine.
    Can you please provide a fix?
    Thank you,
    Vera

    Is anybody here going to respond? Please?

    You can add this to your CSS file or in appearance->customize->additional CSS

    ul.menu,ul.elementor-nav-menu {list-style:none;}
    ul.menu li,ul.elementor-nav-menu li {float:right;margin-left:20px;}
    ul.menu li a,ul.elementor-nav-menu li a {padding:15px;}

    Thank you, it worked, it is now horizontal.
    However, now it shows the menu on top in mobile view as well, not as a menu icon.
    How do I fix that?
    Thank you for your help.
    Vera

    Hello,
    It’s been 2 weeks since your single and incomplete answer and my subsequent question. Over 2 months since I have asked for support. Does that make ANY sense?
    Can you please bring this request to resolution?
    Thank you,
    Vera

    Plugin Support Poonam Namdev

    (@poonam9)

    Hi there,

    It seems you have resolved the issue? Do you still need assistance?

    Thank you for getting back – after 2 months!
    I – haven’t. It appears to have resolved itself, for now.

    Plugin Support Poonam Namdev

    (@poonam9)

    Hello @beitsiach,

    Let me know if you find the issue again.

    Have a great day!

    Thank you, I shall do that.
    My only hope is I wouldn’t have to wait two months for an answer. 🙂
    A great day to you, as well.

    Hello,
    It appears the issue is back, on both desktop and mobile, the RTL pages, the menu shows both the toggle button and the horizontal menu.
    On desktop, you may see the menu second (the first was built with another widget, which also has a problem).
    Thank you for your kind assistance,
    Vera

    • This reply was modified 8 months, 1 week ago by  beitsiach.
    Plugin Support Vishakha Patel

    (@vishakha)

    Hi There,

    Make sure you have not selected a menu at WP-admin > Appearance > Menus.

    beitsiach

    (@beitsiach)

    Vishakha Patel,
    I’m sorry, not sure I understand what you mean.
    Do you mean that going to WP-admin > Appearance > Menus in the other language the menu should not have a location selected beneath the menu? If so – it makes no difference.
    If not – please explain in more than 10 words what I need to do.
    As you may see, the menu (second one on desktop) on Hebrew pages is still there in both the toggle button and the horizontal menu at the same time.
    Thank you,
    Vera

    Plugin Support Madalin

    (@madalin_themeisle)

    Hi @beitsiach

    Your website is build using Elementor, and the menu is also added using the Elementor NavMenu widget. So, if the theme header is also showing the menu from Appearance > Menus, then it could be showing double, and that can be the problem.

    My teammate meant to uncheck the menu location from Appearance > Menus.

    Hello Madalin,
    Thank you for the explanation.
    I went to the Hebrew header and took off all the other menus.
    I went to the Appearance>Menus and unchecked the menu location.
    STILL, I can plainly see:
    1. The toggle button on both desktop and mobile.
    2. The whole menu, on both desktop and mobile.
    There is no such problem on the English header.
    May I ask you to actually check the issue?
    Thank you,
    Vera

    Plugin Support Vishakha Patel

    (@vishakha)

    Hi Vera,

    Can you try adding this code at Additional CSS section?

    @media screen and (min-width: 56.875em){
    .eldropdown-toggle, .elementor-navigation ul .eldropdown-toggle.eltoggled-on, .elementor-menu-toggle {
        display: none;
    }
    }

    I think the issue is happening because of the other language is RTL. The plugin does not provide rtl support officially. It is a good idea to include. I will suggest it to our developers. In the meantime, you can use the above code.

Viewing 15 replies - 1 through 15 (of 23 total)
  • You must be logged in to reply to this topic.