Layout issue in Chrome & Firefox on Android

jeroendbr · January 2017

Hi,

I have a small issue with Chrome & Firefox on Android devices. For the arrow (see screenshots) I have used negative margins to have it close to the search form which works fine on all desktop and mobile browsers except Chrome & Firefox on Android.

&

Just to be clear. The one with the yellow circle is correct.

Hope there is a solution for this specif question.

Regards,

Jeroen

Albert · January 2017

Hi,

so if we understand, you want to move the content on mobile up, closer to header? If that's what you mean, please send us link to page where you faced with this space.

jeroendbr · January 2017

Hi,

I have the issue on https://www.viaviacar.nl but not with all mobile browsers.

The screenshot with the yellow circle is iOS.

Regards,

Jeroen

Albert · January 2017

Ok, we did checked and everything seems to be fine. If you look at http://pasteboard.co/jTI4tuKkR.png you will see that the image is in the most proper place and there is nothing you can do to move it the way you marked on the screenshot above. The only thing you can try to remove is extra div between the image and first heading what you can see on http://pasteboard.co/jTJO3RC9y.png but we can not guarantee that removing it won't affect other forms on site.

jeroendbr · January 2017

So you are saying you cannot fix the difference in layout betheme is creating in Chrome on Android vs the native Android browser and Chrome on iOS?

Albert · January 2017

But we did checked in both and on all mentioned devices/browsers and it looks the same. We didn't noticed any difference and above we clearly explained what can be done in such case.

Layout issue in Chrome & Firefox on Android

Comments