I need help regarding mobile website on iPhone. I have implemented slide panel jquery plugin with bootstrap. The left-slide panel contains category links, positioned absolutely below the homepage. When I click the navigation button to open the slide-panel opens but the link below in slide-panel also get triggered. As a result page redirects to link after opening the slide-panel. Seeking for help...
Thanks
Related
I am using fullpage.js on a site and when you view it on mobile the anchor links are not clickable and input fields are not accessible.
Also when I set "responsiveWidth: 640" to disable fullpage on mobile I am no longer able to scroll down or move past the first section on my phone and still can't click any links.
Does anyone know what I am doing wrong?
** EDIT **
This is a WordPress site using the skeleton theme "JointsWP"
Here is the site that this is happening on http://jbirdco.com/
I have a responsive and I want to add a link to just create the same effect as the button Add to home screen there is a mobile device.
Instead of explaining to the customer where the button will be a link to "Create Shortcut".
Eventually it will maintain the mobile desk shortcut to the main page of my website.
I added all the icons need only create the link
Thanks in advance
You can't actually do that just from the webpage. But there is a library just for that is well documented here which is supported on ios and android:
https://github.com/cubiq/add-to-homescreen
I work for a site which has a site which is built upon Umbraco and utilizes bootstrap and Jquery.
We have a top navigation menu which has pages and sub-pages. When you hover over a navigation menu it opens up the sub-menu and lets you go to them.
When this menu is viewed on a mobile device it becomes a hamburger and when you click on it it drop-down and the main tabs are shown. Here when you click on the main tab it shows the sub-menu quickly but then goes to the main tab instead of allowing you to click on the sub-menu.
The problem is that this is a large site which is about to launch so that there is no easy way to find what links to what. What is a elegant way to fix this?
I cannot provide the link due to the fact that it is a company.
Thank you!
You could try using this bit of JS (requires jQuery):
$(".dropdown").on('click', function (e) {
e.preventDefault();
});
Or you could change your menu partial to just not put the URL in for menu items that have a dropdown and instead put a # in its place.
I'm using a theme called Ironbull and when wordpress generates a menu the custom links are inactive. They are shown and when I hover the links the URL shows, but it wont load the link or open a new window.
There are a few "scroll to ID" links which works on the frontpage, but thats it. If I right-click on the link and press open in new window it loads.
I'm working on this site localy so please tell me if you need me to post any part of the code.
Many thanks
I have a drop down menu on this development Wordpress site: http://zap2dev.redzephyr.biz/ the mobile menu appears to be working fine however upon pressing the mobile menu icon the menu displays and promptly the page begins reloading. Obviously on reload the mobile menu is collapsed again so begins the vicious cycle.
Any ideas what could be causing the page to reload?
Any help would be greatly appreciated.
Change <a class="navicon mtoggle" href=""> to <div class="navicon mtoggle">
then update your css
nav#mobile .navicon{
cursor:pointer;
}
Try making your toggle not a link and instead a div. Otherwise with javascript assign on click or touch to prevent.default which would cause the browser from trying to open the link which doesn't have an assigned href and reloads the page.