Website looks wrong on iPad

• 

  markduberry · Member · Oct 6, 2023 at 5:33 pm

  • Copy link
  • Add topic to favorites

  Hi. When I view my site on my Mac desktop or my mobile it looks fine, even though the layout is very different on the mobile, no doubt in order to accommodate the small screen. However when I view it on my iPad, the layout is the same as the desktop version but the navigation menu and images are squashed together, or mis-aligned on the Contact page. I imagine it might look similar on another tablet but I can’t test that.

  I designed the site myself rather than using a theme so I don’t know whether or not it is responsive or how to make it so if it isn’t.

  The site is at markduberry.com if anyone cares to take a look. Thanks.

  WP.com: Yes
  Jetpack: No
  Correct account: Yes

  The blog I need help with is: (visible only to moderators and staff)

• 

  markduberry · Member · Oct 6, 2023 at 5:36 pm

  • Copy link

  I should mention that when I select ‘tablet’ in the different views, the layout is different to the desktop version and looks fine. However on the iPad the layout is trying to be the same as the desktop for some reason.

• 

  markduberry · Member · Oct 6, 2023 at 5:59 pm

  • Copy link

  Apparently I can’t edit my posts so I have to add another one..

  I just tried it on my daughter’s Samsung tablet and it looks fine, though it is using the same layout as the desktop.

  On my PC it looks fine in Chrome but looks wrong in Microsoft Edge, i.e. misaligned again, or won’t load at all.