I have a problem with top links, on mobile devices, they don't seem to be working.
Is there a way to send you the link on a private message?
Top links doesn't work
17 replies · opened Oct 2, 2019
I think the issue is whith the click, when i click on the link (top links) nothing happens if there's just blank space under it, on another hand, if there's an image with a link (ie: the logo) the click redirect to the that link. Here's the website : https://www.adk-media.com/_dev-site2019-canvas/index.html
(please i don't this link to go live)
Hello,
We have just checked out your Website and there are many HTML Validation errors. Please validate your Website on: https://validator.w3.org/ . Also, the style of the Document seems to have been changed to HTML4 which makes the entire Document prone to errors. It is Highly Recommended to use the Default Settings so that you do not face unexpected issues.
Hope this Helps!
Let us know if we can help you with anything else or if you find any further issues.
I validated the page, and changed the doctype to <!DOCTYPE html>
Hello,
Thanks for updating the codes and everything seems to be working correctly. The Top Links seems to be opening fine on iOS including the Links redirecting to their respective URLs. Please let us know if you are still facing any further issues with this.
Thanks for your Patience.
Do let us know if we can help you with anything else or if you find any further issues with Canvas.
Please reconsider your answer, the links doesn't work. i.e for the home page, the link to the currency must change the currency both on the 'active' currency and the currency in the slider
Hello,
We have just checked this out on an iPhone and it appears to be working fine for us: https://www.dropbox.com/s/l2n3pqs5um612km/adk-media.jpeg?dl=0 . Let us know on which device are you facing issues so that we can check further. Thanks for your Patience.
Meanwhile, do let us know if we can help you with anything else or if you find any further issues with Canvas.
I am testing on android / chrome
And it doesn't work even on the chrome inspector when i turn on the mobile mode.
Hello,
Thank You so much for your Patience!
We can confirm this! This issue occurs only on Chrome Browsers on Mobile Devices and is related to z-index. We are working on this and will provide you with a fix shortly. Thanks for your Patience.
Meanwhile, do let us know if we can help you with anything else or if you find any further issues with Canvas.
Unfortunately i discovered this issue after finishing the website, now i cannot launch it without this fix.
I hope it will be quick because i am blocked.
On another hand, please ensure the dropbox link you provided will be deleted or hidden from public, as well as my answer with the link. I don't want it to be visible.
Hi, any news about this fix?
Thanks a lot.
Hello,
Apologies about the Inconveniences caused!
We are still working on this actively and try to find a solution for you as early as possible. This only occurs on Android Devices with Chrome and is really weird. We will send you a notification once this is fixed. Thanks for your Patience.
Meanwhile, do let us know if we can help you with anything else or if you find any further issues with Canvas.
Thank you for your efforts.
I will wait for this fix.
Hello,
This error will cost me to rebuild the entire website using another template, things that i cannot do at this time.
Is there any change i can get this fix by this week?
Hello,
Thanks again for your Valuable Patience! We were just preparing a reply for you.
We have been working on this and trying to fix this over the weekend. And we have detected the issue which is with the touchend JS Code which is only prone to Android Devices.
To fix this, please find the following code in the js/functions.js File inside the menufunctions: function() Function Block:
if( $('.top-links').hasClass('on-click') || ( $body.hasClass('device-md') || $body.hasClass('device-sm') || $body.hasClass('device-xs') ) ) {
$('.top-links:not(.on-click) > ul').superfish('destroy');
$('.top-links li:has(ul,.top-link-section) > a').on( 'click touchend', function(e){
$(this).parents('li').siblings().find('ul,.top-link-section').removeClass('d-block');
$(this).parent('li').children('ul,.top-link-section').toggleClass('d-block');
e.preventDefault();
});
}and replace it with:
if( $('.top-links').hasClass('on-click') || ( $body.hasClass('device-md') || $body.hasClass('device-sm') || $body.hasClass('device-xs') ) ) {
$('.top-links:not(.on-click) > ul').superfish('destroy');
$('.top-links li:has(ul,.top-link-section) > a').on( 'click', function(e){
$(this).parents('li').siblings().find('ul,.top-link-section').removeClass('d-block');
$(this).parent('li').children('ul,.top-link-section').toggleClass('d-block');
e.preventDefault();
});
$(document).on('click', function(event) {
if (!$(event.target).closest('.top-links li:has(ul.d-block,.top-link-section.d-block)').length) { $('.top-links li').children('ul,.top-link-section').toggleClass('d-block', false); }
});
}This will definitely work fine. Hope this Helps!
Let us know if we can help you with anything else or if you find any further issues.
Thanks a lot,
I will update and test.
Hello,
Thanks for your Patience!
Do let us know if the issue was resolved for you.
Have the same question, or something new?
Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.
Reply on the dashboard