Web Developer, specialising in WordPress

Terry Woods

<div>
Have you looked at using BROWSERSTACK to test/preview the website on a wide range of browsers and OS systems<br />
<a href="https://live.browserstack.com/dashboard#os=iOS&os_version=8.0&device=iPad+Air+2&device_browser=safari&zoom_to_fit=true&full_screen=true&url=www.browserstack.com%2Fwelcome&speed=1" rel="ugc">https://live.browserstack.com/dashboard#os=iOS&os_version=8.0&device=iPad+Air+2&device_browser=safari&zoom_to_fit=true&full_screen=true&url=www.browserstack.com%2Fwelcome&speed=1</a><br />
<br />
<a href="https://filedb.experts-exchange.com/incoming/2019/01_w02/1408993/2019-01-07_09-08-50.jpeg" target="_blank" title="2019-01-07_09-08-50.jpeg (183 KB)"><img alt="2019-01-07_09-08-50.jpeg" class="file-block lazyload" style="max-width: 800px;" data-src="https://filedb.experts-exchange.com/incoming/2019/01_w02/800_1408993/2019-01-07_09-08-50.jpeg" /></a><br />
You can preview iOS devices in portrait and landscape and almost all possible variations
</div>


Have you looked at using BROWSERSTACK to test/preview the website on a wide range of browsers and OS systems
https://live.browserstack.com/dashboard#os=iOS&os_version=8.0&device=iPad+Air+2&device_browser=safari&zoom_to_fit=true&full_screen=true&url=www.browserstack.com%2Fwelcome&speed=1 [https://live.browserstack.com/dashboard#os=iOS&os_version=8.0&device=iPad+Air+2&device_browser=safari&zoom_to_fit=true&full_screen=true&url=www.browserstack.com%2Fwelcome&speed=1]

2019-01-07_09-08-50.jpeghttps://filedb.experts-exchange.com/incoming/2019/01_w02/1408993/2019-01-07_09-08-50.jpeg
You can preview iOS devices in portrait and landscape and almost all possible variations

2019-01-07_09-08-50.jpeg

WordPress Dev & WordPress Coach

Alicia St Rose

<div>
<div class="content wysiwyg-content">
My client has reported a website header display issue occurring only on iPad, but I don't have an iPad and can't replicate the issue using the iPad responsive mode in Chrome dev tools. I think the main navigation menu may be wrapping down below the logo and title. <br />
<br />
Would someone with an iPad please try to view the site (landscape and portrait) at <a href="https://www.u3ahastingsnz.org.nz" rel="ugc">https://www.u3ahastingsnz.org.nz</a>&nbsp;and see if you can replicate the issue?<br />
<br />
Please share the model of your iPad, and if you can replicate the issue please provide a screenshot. Thanks very much! <br />
<br />
The navigation menu should look like this (and the menu should collapse to a mobile menu on smaller screens):<br />
<a href="https://filedb.experts-exchange.com/incoming/2019/01_w02/1408962/u3a-screenshot.jpg" target="_blank" title="Screenshot of how the header should look (177 KB)"><img alt="Screenshot of how the header should look" class="file-block lazyload" style="max-width: 800px;" data-src="https://filedb.experts-exchange.com/incoming/2019/01_w02/800_1408962/u3a-screenshot.jpg" /></a>
</div>
</div>


u3a-screenshot.jpg

My client has reported a website header display issue occurring only on iPad, but I don't have an iPad and can't replicate the issue using the iPad responsive mode in Chrome dev tools. I think the main navigation menu may be wrapping down below the logo and title. 

Would someone with an iPad please try to view the site (landscape and portrait) at https://www.u3ahastingsnz.org.nz and see if you can replicate the issue?

Please share the model of your iPad, and if you can replicate the issue please provide a screenshot. Thanks very much! 

The navigation menu should look like this (and the menu should collapse to a mobile menu on smaller screens):


Possible website header display issue occurring on iPad only

iPad is an iOS-based line of tablet computers built around the device's multi-touch screen, including a virtual keyboard. The iPad includes built-in Wi-Fi and cellular connectivity on select models. An iPad can shoot video, take photos, play music, and perform Internet functions such as web-browsing and emailing. Other functions – games, reference, GPS navigation, social networking, etc. – can be enabled by downloading and installing apps.

iPad

Cascading Style Sheets (CSS) is a language used for describing the look and formatting of a document written in a markup language. Usually used to change web pages and user interfaces written in HTML, it can also be applied to any kind of XML document. CSS is designed primarily to distinguish the content of a document from its presentation.

HTML (HyperText Markup Language) is the main markup language for creating web pages and other information to be displayed in a web browser, providing both the structure and content for what is sent from a web server through the use of tags. The current implementation of the HTML specification is HTML5.

HTML

WordPress is a free and open-source content management system (CMS) based on PHP and MySQL for creating websites and blogs. Features include a plugin architecture, a template system and strong management, customization and search systems; through its dynamic presentation of content, webmasters have the flexibility to create websites easily.