default menu shows vertically
-
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]
-
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,
VeraIs 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.
VeraHello,
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,
VeraHi 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.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 7 years, 2 months ago by
beitsiach.
Hi There,
Make sure you have not selected a menu at WP-admin > Appearance > Menus.
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,
VeraHi @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,
VeraHi 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.
-
This reply was modified 7 years, 2 months ago by
The topic ‘default menu shows vertically’ is closed to new replies.