Issue with IPad view using desktop

Design help General
1

So when editing the site on my computer everything looks normal on all breakpoints. However, when I load the physical website on my iPad the logo at the top of the screen is heavily enlarged. I am aware that the iPad will only use the desktop breakpoint when flipped horizontal. I checked everywhere in the styles tab but nothing is showing wrong. I also provided 2 screenshots to show what it should look like on the iPad vs what I currently see. As of now it seems to only be affecting the desktop breakpoint. I’m hoping this is just a bug.

Here is my site Read-Only:

IMG_0062
IMG_00622732×2048 119 KB

IMG_0061
IMG_00611920×1439 56.6 KB

2

Hi,

I’m unable to replicate but here are a few things I believe you should try:

  • Set your Navbar 3 to be display flex
  • Crop your logo better to avoid the white space
  • Instead of using VW/VH use REM units (px value / 16)

Should probably fix your issue.
Also advice for scalability → rename your classes to avoid things like “Image 36” + “Main_Logo” to set your CSS, you can rename “Image 36”