Putting Icon Shortcut on a Mobile Phone - smartphone

I have a mobile website that my customers can navigate to through the web. I would like to be able to add an icon shortcut to their phone so that once they click on it they will go directly to the website. I was wondering if there is a way to make this easier? For example, when they visit the mobile website for the first time they click on a button and the script behind this button will automatically download my icon, put it on their smartphone, and link this icon to my mobile website. Can someone advise me on how to do this?

I was just googling this same issue and I found this site... http://socialmedia.biz/2012/02/21/encourage-visitors-to-save-your-site-as-a-mobile-shortcut/
Not sure if it's exactly what you are after, but it sounds about right.

Iphone
Step 1: Make sure Safari is active. Do this in settings.
Step 2: Open Safari and key in-your desired web page
Step 3: Once the site displays on the screen, there is a selection in the very middle at the bottom. Hit it and a screen will come up showing various icons.
Step 4: Find the one with a plus sign at the bottom that says add to screen Select it
Step 5: You will see that now you can just tap that new shortcut to get to the web page.

Related

Is there a way to fix a pop up search form not working in mobile view in WordPress?

So I have this website I am trying to build and two crucial forrms has been giving me issues.
The search form on the homepage works on desktop but does not work or pop up on when clicked on mobile. Here is a link to the page: Click Here. Whether Ios or Android, Chrome or Safari, it doesnt work.
The booking form on "apartment booking page" works quite well on Android. While on mobile Apple devices, when I click on the form to open the calender, it does not opene at all. Here is a link Click Here
This is really baffling. I have tried all there is to my knowledge, which is little. I inspected the element and couldnt find the problem.
The website is a booking/rental platform.

Website doesn't load portfolio content on mobile

I just made a website using a Wordpress theme and it all works good on desktop computers. However, while the site initially loads normally on my phone (I'm using iPhone 6 with iOS9, but the problem is the same on Android phones too, I tried two), once I click on the portfolio item, it loads a blank page (header and footer only).
When I tap on the address bar, I notice that it never went to the right link at first place (the portfolio item link), it just shows the homepage link and there is no content.
I managed to fix the problem by entering the external URL in portfolio item options. It was still internal link from the site but I made the link open the new tab (if it doesn't open new tab, the problem stays the same). However, if I choose to go back to the homepage from that link (the portfolio item link), the homepage is blank, there is only header and footer so the problem returns again.
Just so you know, the first portfolio item contains the external link outside the Wordpress and that one opens normally.
What is wrong with the mobile site?
The site URL is: http://svenharambasic.com
The screenshot is attached. Thank you!
P.S. There are also google ads showing, I never encountered that before, but I'll work on that once this is solved.
I only see a white screen upon clicking any of the homepage portfolio image links (except for the first link which goes to an external site in a new tab) on desktop and on mobile actually. There is a content_inner class with inline styling setting visibility:hidden.
It's unclear to me why it's doing that- maybe to remove focus from the body and draw focus towards something that is supposed to appear in the foreground but does not? If I remove visibility:hidden from the element in the browser, I see a series of additional images appear, which seems to me to be more an expected behavior. Are we on the right track?
I managed to solve this, it was the setting in the theme options; I had to disable grid lines... I can't say I truly understand why, but it worked!

Visual response for loading pages in pwa

Is there a way to let PWA users know that a clicked link is being loaded. Usually in the browser we see the blue progress line indicating this but in the pwa the user is left to assume the page is loading except there is a pseudo effect on the buttons programmed by the developer. I understand the idea behind pwa includes giving users immersive visuals and if pages load faster, the users will not bother about the blue line but sometimes it's needed.
Going through the same thing but i think i found a way.
We can use bootstrap spinners to animate this. We can use javascript to detect a link click and show the spinner. We can also add this on submit button click.

Make menu stick for mobile visitors?

I'm running Prestashop e-commerce at (link was removed due to canceled project)
If you look at the page from a mobile phone and select "VALJ DIN MODELL HAR" in the menu the page reloads.
Any clue why? I works fine from mac and windows.
My thoughts is some kind of hoover issue since i cant hoover on a smart phone?
You are right, hover is the problem. You can't hover with a smartphone. I used in my last project sidr for mobile phones: http://www.berriart.com/sidr/
In your site http://mobilprylar.nu, link is already offered for VALJ DIN MODELL HAR category. If you click on it you'll be redirected to VALJ DIN MODELL HAR category page. This is fine for desktop view as we have hover/mouseover functionality.
This will not work for mobile phones because once you click on it, both hover and link will be active so you'll never get better result.
I would recommend you to disable the link for mobile view, we have javascript functionality available for this. Else, if you are good enough in prestashop/smarty coding you can create separate menu for mobile view. Hope this helps.

Xcode iOS 7 simulator- no home button?

I have download Xcode today ,and i can't see the home button in simulation.
I was trying to do cmd+1 but it didn't work .
How i get back the home button ?
Cmd-Shift-H
(wasn't obvious to me too when I first opened it)
The Hardware tab will give you access to the home button, as well as other things such as rotate screen, shake screen, and lock the device.
Good luck!

Resources