Weird spacing in the header that only occurs on Apple devices

[ad_1]

I’m just finishing my page, built with Elementor in WordPress, and I experienced a weird bug in final testing. So on Android devices (Brave, Chrome, and Firefox browsers tested) header is aligned correctly, and in different devices preset in Chrome inspect mode on PC \[upper image\].

However, on Apple devices, there is some weird spacing on the left \[bottom image\]. Tried to recreate the header from zero – same problem. It occurred on both Apple’s built-in Safari browser, but also on Chrome when I downloaded and tested it. Same problem on Apple iPad tablet; on Android-based tablets no problem at all.

I have numerous websites built in the same way, and only now experienced this issue. WordPress, Elementor, with “Elementor Header & Footer Builder” plugin for header layout.

[Link to image](https://imgur.com/a/3HiPrUp)

Thanks!

[ad_2]

 

This site will teach you how to build a WordPress website for beginners. We will cover everything from installing WordPress to adding pages, posts, and images to your site. You will learn how to customize your site with themes and plugins, as well as how to market your site online.

Buy WordPress Transfer