Parallax causing vertical scroll issues in Safari (and iOS Safari) - css

A visit to my site http://instowarms.com will reveal the issues.
The homepage (which has some parallax going on) won't scroll down in Safari on desktop or iOS (latest versions) - tested on iPhone 6.
It is a Wordpress site and uses Revolution Slider plugin as part of a purchased Theme from Envato - the designer is really poor with support!
I really hope someone can help...
Many thanks :)

Related

Bootstrap navbar stopped working in Chrome

I have a website built from a template using bootstrap.min.css for the navbar, it was functioning perfectly a few days ago and has suddenly stopped working only in Chrome desktop. It functions fine on Chrome mobile and all other desktop browsers. Does anyone know if Google changed code that I need to adjust for? Thanks in advance.

Wordpress menu (ubermenu) and web page not displaying properly on Apple safari

I have the following website which I developed a custom wordpress theme for using bootstrap and ubermenu for the menu: http://xtremenutrition.co.za/d-base-staging
Menu alignment looks fine in Chrome, Firefox and internet explorer. Safari on an Apple machine is an issue, where it goes over the logo and if you resize the browser (before the mobile breakpoint), it doesn't look right.
I need help from someone with an Apple and safari computer. Seems I need advice on CSS to recitfy the problem. I'm not sure how to tackle this and what's worse, I have a windows machine only.
Any advice on code/sorting it out would be greatly appreciated.
Thanks.

jssor carousel - images are hidden in Chrome

I started experiencing an issue with images not being displayed on my jssor carousel slider; this issue is only present on Chrome (latest Version 45.0.2454.101 m) - it works fine under Firefox, Explorer and mobile browsers.
Drilling down, it seems that user agent stylesheet adds/applies this element:
transform: perspective(2000px);
When in Chrome's Developer Tools, unchecking this style option results in image being displayed just fine.
Any help with explanation what is going on and how to deal with this issue is much appreciated.
Thank you,
Michael

Mobile menu does not show properly on some iphones and ipads

I am using prestashop 1.6 with a custom theme. I have done some little changes here and there on the theme mostly just color and font on the css file. The mobile menu works perfectly on all android that I've tested but for some reasons, it does not work properly on some Apple devices. On an ipad 2 IOS 7.1.2, the menu background shows but the content does not. On an iphone 4 IOS 5.0.1, some of the content show, some don't. But then, it work great on an iphone 4 IOS 7.1.2.
I have no idea how to fix such problem as I have no clue what is going on. Has any one experience this problem or know the reason. Please help me out.
Here is the link to the site: www.halivu.com (it's not fully done, I have not finished with the content :D).
Thank you.
try to emulate the devices in Google Chrome.
All menu div tags are empty. Check your mobile settings in prestashop backend.

Safari shows mobile version of website

When viewing the website on firefox and chrome, it looks fine. But viewing it on safari, it shows the mobile version of the site. Why? I havent changed the css for the computer screen when I worked on the responsive design for the mobile.
www.retorikgruppen.se
October 1 SO suddenly started showing Mobile SO on a stock safari Version 7.1 (9537.85.10.17.1). This has to be coming from SO redirecting to the mobile version of their site.

Resources