I'm using the Salient theme on my personal portfolio and I'm using the Off Canvas Navigation for my header navigation menu. For the menu links, there is a CSS animation effect on hover. This effect looks nice on desktop, but unfortunately creates the need for two taps on iOS devices. I would like to disable the effect so that iOS navigates to the portfolio pages after one tap.
Unfortunately there is no such option to remove it as its added via JS code . Though have noted to have the developer add in a option in upcoming updates.
Thank you for the suggestion. I previously tried exactly that and it didn't work. At your suggestion, I did exactly that again per your instructions. However, it doesn't have the desired effect.
Thanks for the additional suggestion. I did add your suggested code to the Google Analytics input within the `CSS/Script Related` section. However, this did not seem to take effect.
I should note that I do have plugins for cache installed. Would this affect whether the scripts works or not?
I did delete my cache and minified CSS/JS, but that didn't change whether the code I inputted into Google Analytics took effect. The mobile nav on iOS still requires two taps.
I'm using the Salient theme on my personal portfolio and I'm using the Off Canvas Navigation for my header navigation menu. For the menu links, there is a CSS animation effect on hover. This effect looks nice on desktop, but unfortunately creates the need for two taps on iOS devices. I would like to disable the effect so that iOS navigates to the portfolio pages after one tap.
Here is a post about the issue (although it didn't help me figure out how to solve it with regards to using Salient): https://css-tricks.com/annoying-mobile-double-tap-link-issue/
Hey ,
Unfortunately there is no such option to remove it as its added via JS code . Though have noted to have the developer add in a option in upcoming updates.
Be.st
ThemeNectar Support Team
Thanks for the quick reply Tahir.
Do you have any recommendations for avoiding the double-tap requirement for the mobile menu?
Much appreciated!
Hey Again,
Try adding this to remove the animation and see if it makes a difference .
Add this into the Custom CSS box located in your Salient Options panel (Make Sure there are no red cross in the Box) :
span.clip-wrap { display: none !important; }Thanks
ThemeNectar Support Team
Hey Tahir,
Thank you for the suggestion. I previously tried exactly that and it didn't work. At your suggestion, I did exactly that again per your instructions. However, it doesn't have the desired effect.
Thank you,
Stewart
Hey Again,
Try adding this code ni the Google Analytic Section .
<script type="text/javascript"> jQuery( document ).ready(function() { jQuery(' #slide-out-widget-area.fullscreen-alt .inner .off-canvas-menu-container li a span.clip-wrap').remove(); }); </script>Change "ALL" and "Sort Portfolio" Text on Portfolio Filter Bar [JS hack] .
Be.st
ThemeNectar Support Team
Thanks for the additional suggestion. I did add your suggested code to the Google Analytics input within the `CSS/Script Related` section. However, this did not seem to take effect.
I should note that I do have plugins for cache installed. Would this affect whether the scripts works or not?
Hey there,
Thanks for reaching in,
Yes it might. Please deactivate them, clear your cache and try again.
Please let us know how it went,
Regards
Thanks Andrew! I'll try this over the weekend and followup with the result.
Hey Andrew,
I did delete my cache and minified CSS/JS, but that didn't change whether the code I inputted into Google Analytics took effect. The mobile nav on iOS still requires two taps.
Thanks,
Stewart