Hi. Could you provide me a solution of how to fix an issue with a sub-menu items in a navigation for mobile devices? See the attachment for more details.
Hi. Thanks for the code. But the thing is the template that I have is not WordPress template, which I indicated before creating the ticket. I've got an "Elixir" HTML template The code you posted here didn't solve the problem completely.
Here are more problems that need to be fixed:
In the mobile navigation on the "Welcome" page, which is index.html, under the "Menu" tab there are 3 sub-menu items. I can click the 1st sub-menu item, no problem. The problem is with the 2nd and 3rd sub-menu items. They works fine on the other pages but don't work on the "Welcome" (index.html) page. You can also see another sub-menu box on the background when you're trying to move the cursor to click the 2nd sub-menu item. Can you tell me how to hide or remove it.
Another problem is with the 1st sub-menu item and the index.html ("Welcome" page) on a desktop view. If you go to "Menu" on a desktop view and click the 1st sub-menu item, which is "Lunch Menu". After you are redirected to the "Lunch Menu" page this page is active but in the nav menu it shows that "Welcome" page is active. Now, If you click the "Welcome" page tab it's just not clickable. You cannot be taken to that page from "Lunch Page".
I need these issues to be fixed asap.
Thanks
I've spent hours trying to figure out the way the sub-menus in the navigation work in an "Elixir "template.
The problem is when you resize the browser window to the size of mobile size when the mobile nav appears. I can't click the 2nd and 3rd sub-menu items.
See also "Lunch Menu". When the page is active, for some reason the "Welcome" menu item is highlighted instead of the "Menu" item.
Here're FTP details:
Host: ftp1.reg365.net
username: windsorbar.com
pass: MuhaFile_80
The directory where the files reside called "new". It's located in the "web" directory.
The mobile navigation still skips and jumps on a mobile device. When you on the "WELCOME" page and you tap the "MENU" tab in the nav it jumps so you can't reach the sub-menus. Can you take a look at that? Thank you.
The problem is you can't click to it, on the menu in responsive mode, if you want choose the submenu, please hold the parent menu item until the submenu show up.
It works when you click anywwhere but not the actual text "Menu". The problem is how the website visitors would know about this? It's obvious that they would click the "Menu" ( an actual text which is "Menu") first to find a menu. Is it possible to fix?
I solved the problem. I got rid of the sub-menu. You should consider to fix it but it's up to you.
I can tell you one thing. Visitors would click instantly on the "Menu" to find more information. Saying that I can't click on the "Menu" instead I should click ( tap ) and hold somewhere to get where I want it's just not right. I'm not going to leave any bad feedback because you tried to help to solve the problem.
Hi. Could you provide me a solution of how to fix an issue with a sub-menu items in a navigation for mobile devices? See the attachment for more details.
Hi,
Please add the css code in the path: Appearance -> Theme Editor -> Style.css, please put it in the end of the file:
@media only screen and (max-width : 768px) { .navbar-nav > li:hover > .sub-menu { display: block; position: relative; width: 100%; margin-top: 5%; } .navbar-nav > li > .sub-menu li { margin: 10px 0px; } }Best Regards,
Jelly Team
Hi. Thanks for the code. But the thing is the template that I have is not WordPress template, which I indicated before creating the ticket. I've got an "Elixir" HTML template The code you posted here didn't solve the problem completely.
Here are more problems that need to be fixed:
I need these issues to be fixed asap.
Thanks
I've spent hours trying to figure out the way the sub-menus in the navigation work in an "Elixir "template.
Here's a link to the website http://www.windsorbar.com/new/index.html
Hi,
Sorry for my mistake.
1. I don't have problem when I tried in my phone. I can click any submenu items in your website.
2. Maybe you can provide ftp information, so I can try fix it for you?
Best Regards,
Jelly Team
The problem is when you resize the browser window to the size of mobile size when the mobile nav appears. I can't click the 2nd and 3rd sub-menu items.
See also "Lunch Menu". When the page is active, for some reason the "Welcome" menu item is highlighted instead of the "Menu" item.
Here're FTP details:
The directory where the files reside called "new". It's located in the "web" directory.
Thanks
Hi guys. A client wants the website to be completed asap. Could you please fix the issues with the navigation? Thank you
Also, I can't access a "Lunch Menu" page from the "Welcome" page. It's just not clickable.
Hi,
I can't login in your ftp, so I had checked it in my demo. Please follow steps to update it.
1. For the menu, please download the script file in attached file and update it in: template-folder/js/default.js.
2. Please add the css code in the path: template-folder -> css -> elixir.css, please put it in the end of the file:
@media only screen and (max-width : 768px) { .navbar-nav > li:hover > .submenu { display: block; position: relative; width: 100%; margin-top: 5%; top: 20px; } .navbar-nav > li > .submenu li { margin: 10px 0px; } }I had updated it in my demo here, you can check it:
http://jelly.tienloc.net/html/elixir/index-multipage.html.
Best Regards,
Jelly Team
The mobile navigation still skips and jumps on a mobile device. When you on the "WELCOME" page and you tap the "MENU" tab in the nav it jumps so you can't reach the sub-menus. Can you take a look at that? Thank you.
By the way, I sorted FTP. It's open now.
By the way, the test website you created also has the same problem.
Hi,
The problem is you can't click to it, on the menu in responsive mode, if you want choose the submenu, please hold the parent menu item until the submenu show up.
Maybe you can try again?
Best Regards,
Jelly Team
It works when you click anywwhere but not the actual text "Menu". The problem is how the website visitors would know about this? It's obvious that they would click the "Menu" ( an actual text which is "Menu") first to find a menu. Is it possible to fix?
I solved the problem. I got rid of the sub-menu. You should consider to fix it but it's up to you.
I can tell you one thing. Visitors would click instantly on the "Menu" to find more information. Saying that I can't click on the "Menu" instead I should click ( tap ) and hold somewhere to get where I want it's just not right. I'm not going to leave any bad feedback because you tried to help to solve the problem.
Hi,
Sorry for all inconvenience. I will try check it again with our developer, I think we will release a solution for you within 24 hours.
Do you still need my help in anything else?
Best Regards,
Jelly Team
Hi,
Sorry for late. Our developer check again and I'm sure it's work well now. Please download my attached file and replace it in your website.
Check again my demo here: http://jelly.tienloc.net/html/elixir/index-multipage.html
Best Regards,
Jelly Team