Make menu stick for mobile visitors? - css

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.

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.

Facebook Pixel doesn't work on mobile browser (but works on desktop browser)

I'm implementing Facebook Pixel on my WordPress website. Everything works fine on the desktop. The pixel is activated is and working fine.
I installed the Facebook Pixel Helper plug in for Chrome, and it detects the pixel on my page
I test the events by opening my website on desktop browser, the page view event is detected on the dashboard. The pixel can also detect other events I set, like contact, content view, etc. All works fine.
Problem: when I open my website from mobile browser (I tried mobile Chrome, Kiwi Browser, Samsung Browser), the dashboard didn't detect the page view event, as well as other events. I tried to open from another mobile phones, same result. I tried to deactivate all my WordPress plug-in to check if one of them is conflicting, but still same result. I inspected my website from mobile browser, it has the Facebook pixel script on the header part, just like on desktop browser, so it should be working fine.
Anyone knows the solution? I don't know what causes this problem. I use Hestia theme and Elementor for my WordPress website.
Try this steps:
1 ° Mobile usually has cache (I don't think so), but try to clear the caches and try again.
2 ° If there are cache plugins please clear all caches please (I don't think so)
3 ° Some themes are available in several headers and some of them are different for mobile and desktop, check if the headers are different and insert the tag manually if necessary in each header.
4 ° To check if everything is ok, with google chrome if you press f12 you have the option to choose a device for testing. Choose an Android or IOS phone from the emulators and reload the screen to test. In cell phones can be false / positive information received sometimes.
Try these options and update your question with new information to try to help you.

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!

How to get a mobile bootstrap navigation to remain on top of the screen

I have recently deployed a website online using bootstrap as the front-end framework. I included the jQuery button to have the menu dropdown on clicking on it. During tests using my Chrome browser emulator, the navigation seems to work well, with it dropping down over the rest of the website content. However, on checking the same site using my iPhone 4s, the nav shows briefly for a split second and then disappears. I have fought tooth and nail with the CSS, but I can't seem to crack it. Any help would be greatly appreciated.
The web address is www.dof.com.ng
Thanks in advance.

Stripe Checkout Overlay - Why Fine on Desktop, Not on Mobile?

I'm installing Stripe Checkout on my site for the first time, through the Simple Stripe Checkout Wordpress plugin. On my test page, the "Pay With Card" button appears just fine, but when I click it, the overlay with payment form only appears on my desktop. On mobile, it clicks through to a Stripe-hosted page, which is not what I want. Anyone who's interested, or can help, can check it out here:
http://www.radionowhere.net/stripe-test/
I've tried this on 3 different blogs, all with the same results. Am I missing something? Thanks! ~ MB
That's just how it works.
Presumably Stripe have decided that mobile devices can't reliably support the overlay, so they launch a new page instead.
You can see it working that way in the demo at https://stripe.com/checkout (and I've just checked my Stripe Checkout, and mine works like this too).
To be honest, I prefer it - on a small screen, on a limited device, it's better to let the checkout take up the whole screen IMHO.

Resources