Layout issue in Chrome & Firefox on Android

jeroendbr

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

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.

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

jeroendbr

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

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.

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

jeroendbr

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

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.

Learn more: Video Tutorials | How To | FAQ Vote on what comes next