This topic has 20 replies, 3 voices, and was last updated 8 years, 1 months ago ago by Eva Kemp
Hi,
The mobile view is not working properly. I have added a photo in the private content -> i think this is only happening on the first page of the store view.
The pages are not loading properly and the menu is not always working.
Hello,
I’ve just checked your site in mobile view and didn’t see that issue. See screenshot: http://prntscr.com/ci8e0n
Try to clear the browser cache and check it. Also you can try to disable third-party plugins one by one and check issue.
Regards,
Robert Hall
Hi,
Please go to the following link on mobile, it’s not working properly
Also, I’m seeing this error in my console:
Font from origin ‘https://XX.com’ has been blocked from loading by Cross-Origin Resource Sharing policy: No ‘Access-Control-Allow-Origin’ header is present on the requested resource. Origin ‘http://XX.com’ is therefore not allowed access.
It has something to do with the SSL certificate i think.
Because on the shop page, the SSL is not working properly?
I’ve cleared cache via FTP. Please check it now.
Regards,
Robert Hall
Hi Robert,
Unfortunately, no result. The shop page is still displaying not properly.
Also I have found another error: When clicking the menu on my phone from the homepage, it automatically selects “home” in the menu. So it’s not possible to open the menu properly.
Hello,
I’ve added this code in .htaccess file:
<IfModule mod_headers.c>
Header set Access-Control-Allow-Origin "*"
</IfModule>
Please check shop page now.
Regards,
Eva Kemp.
You should use the link with https://… See screenshot: http://prntscr.com/ciavfs
Regards,
Robert Hall
Hi,
Thanks for the update, the error is not showing anymore!
But however, I’m still having the following problems:
1. The mobile menu: When I click on the hamburger menu to open the menu, sometimes it automatically clicks on the first menu item. Therefore, when I click on the menu, the “home”menu item is clicked and it keeps refreshing.
2. The mobile menu suddenly appears very dark, so you can not read the letters anymore. I already tried adding the following code, but it doesn’t help:
.et-mobile-menu li a {
color: #fff !important;
}
3. There is appearing a black line on the top of my mobile website. Apparently it is languages area, however on my desktop site this is white with black text in it. How can i make this also white on the mobile view?
Hello,
1. I don’t see such problem on our side. Try to check it on other devices.
2. I’ve added “!important” to your code. Check mobile menu now.
3. Add this code in Custom CSS for mobile section:
.top-bar {
background: white;
}
Regards,
Eva Kemp.
Hi!
1. I have tried it but also on other devices it doesnt work properly. Maybe it has something to do with the top bar. Because the icon of the hamburger menu, is on the same height as the first menu item. So when i click on it, it automatically also clicks the first menu item.
2. This is fixed, thanks
3. Also fixed thanks!
Hello,
Could you please specify a device where you’re experiencing the problem?
Thank you.
Regards,
Eva Kemp.
Samsung Galaxy S6,
Samsung Galaxy A
Also, the product photos on the product page are now displaying in a vertical row, instead of a slider. Also the upselling and cross selling products have disappeared..
Also, when I go to my website on the ipad, the product columns are not displaying right. Please see the image. I want the images all to be next to each other.
Hello,
The problem is caused by Autoptimize plugin. Disable it, clear browser cache and check the site.
Regards,
Eva Kemp.
Hi Eva,
Thanks for checking. I have disabled the plugin and that did the trick.
However, i have noticed another problem. On the productpage i have upselling and crossselling products. But the lowest tab with products, is showing 30 products. In the product page edit i have only added 3 products here..
How can i fix this? I have added a link.
Hello,
The lowest slider shows related products from your categories where that product is added.
Up-sells are shown above http://storage3.static.itmages.com/i/16/1006/h_1475738236_2784464_d0d8aa0518.jpeg .
Regards,
Eva Kemp.
Hi Eva,
The related products slider is showing 30+ products. Is there a way to show 4 products here?
Because on the mobile view there are 30 products showing underneath each other, which is not very mobile friendly.
Hi Eva,
I have already found it!
In related.php i have changed $posts_per_page = 50; to $posts_per_page = 4;
Hello,
Glad to hear it!
Have a nice day!
Regards,
Eva Kemp.
The issue related to '‘Mobile website not working properly’' has been successfully resolved, and the topic is now closed for further responses