I am having issues with dropdown/nav links on tablet and phone (especially phone landscape format).
When I click links on the desktop browser when the browser is sized to tablet and phone format, the links work normally.
However, when I tap the links directly from the devices (tablet and phone), the links don’t always work. It seems to be a bug. On the phone in Landscape format it doesn’t even seem to work anytime.
Now the latest is that when I tap Global, I get sent to News Landing Page (http://testingmav8.webflow.io/news/news-landing), if I tap UN Rights, I get sent to Purchase Landing Page (http://testingmav8.webflow.io/purchase/purchase-landing) etc, so in other words there is something to do with the vertical positioning and or the z-index, where the vertical height of a pancake/dropdown element seems to affect what page I get taken to.
Hi @Chazm, thanks for the update. I will take a look. This is one of the reasons, that we do not recommend using nested dropdowns for mobile menus, because they really were not designed to be used nested. You can do it, but strange things happen sometimes.
I am going to take a look though, and see what might be causing that.
As soon as I have an update, I will post back Cheers, Dave
Thank you @cyberdave for taking a look.
I understand. Unfortunately the nature of my work forces me to group, hence the nesting.
Can you suggest another way in your coding experience to tackle this situation without resorting to nesting dropdowns without me losing the site structure and look and feel?
I am attaching a screenshot of the open pancake nav.
Thanks again,
Chaz
Hi @Chazm, well first I will take a look and see what it is that is causing the links to not work correctly. It is likely something along the lines of what you said, about the z-index or some other rogue style.
You can use nested drop-downs, I am just saying, from a user experience perspective, it is not the most ideal layout for mobile devices.
Once I have further info, I will update you Cheers, Dave
I just noticed a bug with the Submit button at the end of my contact form under the Contact link.
I have a border style of 1px all-around border #cc7c31 for the Submit Button and it is not showing neither in webflow nor on the live/preview site. It use to be fine before.
I tried removing the border and adding one again, still no result. I also tried creating a new button style with border altogether, same problem. The strange part is that when I try giving borders to other elements, it all seems to work fine. The problem is only to do with the Submit button on the form.
When I inspect the element in the browser, border is set to 0 strangely. Attached is what I am talking about.
Hi @Chazm, thanks for the followup. This bug was fixed. Can you try to set the border on the submit button and let me know if you still see an issue with that?