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.
Related
Dear Stackoverflow Community,
I create a website with WordPress using Flatsome theme.
The website appears correcly in all browser except on Safari.
The problem is on the slider/banner image using Flickity that is not displayed on Safari.
Here are screenshots from Chrome and Safari for you to understand the problem:
By inspected the element, there are things that appear wrong:
the class bg-loaded used in the Flickity slider appears correctly on Chrome but not appear on Safari
it seems that there is a problem with Flickity: all Flickity class appear properly on Chrome but display a warning ! on Safari:
The website works fine on iPhone.
All the other images within the webpages are displayed properly in all browsers and devices. This is only these banner images that are not displayed on Safari.
Can someone knows what is the problem and how to solve it?
Thank you very much for your help on this issue.
Regards.
We have developed a website (only designed for mobile platforms) but we are experiencing a rare failure.
The webis in this URL https://mercadona.mandarinawebs.com
In the website you can find a menu and there is the problem.
This is how it looks in Chrome (Android)
And this is how it looks in Chrome (iOS)
As you can see, the menu is not showing in iOS.
All the animation are in webkit.
It doesn't work on iOS for safari or for chrome but it works on Chrome for Android. This is strange becouse I understood that the interpretation of the website was made by the browser not by the OS.
I suspect it has to do with some of this but I am quite lost
Thank you
There is one class (scroll-in-mobile)
that contains this:
-webkit-overflow-scrolling: touch;
Deleting this the problem is solved and it works for Android or iOS.
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.
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.
Issue of Twitter bootstrap navbar in google chrome. The layout breaks in Google chrome. I tested it in jsbin.com. Here's a link. http://jsbin.com/urejiw/1/edit. Anyone knows why this is happening and how to prevent it?? Thanks. (edited- By the way I transfer my project in my laptop and test it in Google chrome, the layout seems to work fine. So I'm thinking that something weird is going on my Computers Google Chrome... Here's a snapshot of my project when its breaking...
Need more information, tested in Chrome and it looks the same as Firefox.