University Web Developers

University Web Developers

Responsive Site Design and Menus (help with my site?)

Hey everyone!  

I'm a *former* higher ed employee who has been active at HighEdWeb (though it's been a few years) and this Ning site for several years...and I was wondering if I could envoke the power of the Red Swingline Stapler I got for a Best of Track presentation at HighEdWeb a few years ago, to see if anyone else might have experienced similar issues to the iPhone/iPad/iPod problems I'm experiencing on our new site design that I am attempting to launch.  Spiderman (on Family Guy) says everybody gets one favor, right?!  :-)

An example of a "test" page that is running off the new "responsive design" template code can be found here: http://www.mapformation.com/portfolio/campus/ahec3Dnew.htm

On PCs and inside Chrome, Firefox, and most browsers, I've tested numerous sample pages, and just about everything is working properly. However, on the iPhone, iPod, and iPad (at least), I'm having two problems:


- z-index issues (I think). Menus will be placed behind other page elements (such as a Google Mashup window). ONLY on those Apple products I mentioned, not on any other products I have tested so far.  Screen capture below.


- pinch/tap issue. Our site includes several Google Maps mashups (example: http://www.mapformation.com/aboutus/clients/mashupnew.htm).  On an iPad, if one visits the above page and tries to click/tap/??? on a location in the State of Georgia, as one example, Google will re-center the map anywhere except a more-detailed view within Georgia (like it is supposed to). Again, works fine/great on Windows, and in Chrome, Firefox, etc. on a Mac desktop/laptop. But on the Mac iOS on portable devices? Google seems to be taking users through a "worm hole."


Any idea what might be causing these issues? I'm really here for help with #2, as #1 is probably more of a simple CSS issue that I haven't gotten to the bottom of. Although I haven't gotten #1 working yet either, so if someone could humor me if they have an idea for fixing either, I would be very appreciative. FWIW, the css which governs the above test pages can be found at: http://www.mapformation.com/templates/css/style.css  Thanks in advance for any help/ideas!

Tags: design, ipad, iphone, ipod, mashup, responsive, z-index

Views: 192

Reply to This

Replies to This Discussion

-- perhaps this article will help you re: windowless mode using Silverlight and HTML overlays - http://stackoverflow.com/questions/8809781/html-overlay-in-a-silver...

Example: on Line 208 of the zoom.it/*.js file, we see: "Seadragon.Config.windowlessMode=false"

on Line 214 of the zoom.it/*.js file, we see again: "windowless":(Seadragon.Config.windowlessMode | | false).toString());

Hope this helps. Looks like 'windowless' needs to be set to 'true' for your overlay to stop having issues.

Maybe try adding ?windowless=true&background=transparent to your URL in iOS to see if that helps (or some combo of those 1 or the other or both)

Thanks Justin!  I tried adding ?windowless=true&background=transparent to the end of the URL on an iPad, but still no luck (same problem).  I also posted an SOS (another SOS) on the zoom.it support forums too...to see if anyone else has ideas.  It would sure be nice to get to the bottom of these issues, as they are the only thing preventing the re-launch of our site.  Four months of hard coding and image work...held up by two lousy glitches on iPhone/iPod/iPad!  I know folks here can relate too.

RSS

Elsewhere

Latest Activity

Colleen Brennan-Barry posted a discussion

HighEdWeb 2014 Keynotes: Dr. Moira Gunn & Chris Hardwick

The Higher Education Web Professionals Association is pleased to announce the HighEdWeb 2014 Annual Conference keynote speakers: Dr. Moira Gunn (@biotechncation) and Chris Hardwick (@nerdist).Dr. Moira Gunn will deliver the Annual Conference’s opening keynote address on Monday, October 20. The first woman to earn a doctorate in mechanical engineering at Purdue, Dr. Gunn worked as a NASA computer scientist and engineer. Today, she…See More
11 hours ago
Profile IconMike Smick and Carla Pinson joined University Web Developers
14 hours ago
Erin Leavitt commented on Lynn Zawie's group OmniUpdate
"Can’t get enough of our analytics gadgets? Neither can we :) Check out the new blog post!"
yesterday
Laurie Trow replied to Kevin Hanselman's discussion Job Openings at The Sage Colleges : Marketing Communications and Web Content Specialists
"Sounds like a great opportunity! Thanks for sharing."
yesterday
Kevin Hanselman replied to Kevin Hanselman's discussion Job Openings at The Sage Colleges : Marketing Communications and Web Content Specialists
"Sage is still looking for a Web Content Specialist. Job search has re-opened. ---------------------------------------- The Sage Colleges, in Troy, NY is seeking a Web Content Specialist to work with the Office of Communications and Public…"
yesterday
Sara Arnold commented on Lynn Zawie's group OmniUpdate
"Another new customer... woot! Welcome Lake Washington Institute of Technology to the OU Campus CMS user community! "
Monday
Sara Arnold commented on Lynn Zawie's group OmniUpdate
"Help us welcome King University to the OU Campus CMS user community and OmniUpdate family! "
Friday
Erin Leavitt commented on Lynn Zawie's group OmniUpdate
"What is in your Top Ten list for Version 10? Compare it with today’s blog post! "
Jul 24
Sara Arnold commented on Lynn Zawie's group OmniUpdate
"Congrats to Utah Valley University on going live with their new responsive online course catalog in OU Campus! Check it out!"
Jul 24
Sarah joined Karlyn Morissette's group
Thumbnail

Google Analytics Users

it's pretty self-explanatory :-)
Jul 23
Sara Arnold commented on Lynn Zawie's group OmniUpdate
"Part 3 of our Small Web Team series is now up on the blog! #jobcreep "
Jul 17
Claudia Snell posted a status
"Last week, we launched our new website: http://www.nichols.edu Designed and built by Easy Designs and uses Expression Engine for CMS."
Jul 14
Neal Carter joined Sveta's group
Thumbnail

CMS

Content Management System
Jul 14
Neal Carter joined Cal Anderson's group
Thumbnail

Terminal Four Site Manager

For institutions using Terminal Four's (T4) Site Manager CMS.See More
Jul 14
Neal Carter joined Mark Greenfield's group
Thumbnail

WordPress

This group is for all those using WordPress as both a blogging platform and as a CMS
Jul 14
Justin Chan is now a member of University Web Developers
Jul 11
Sara Arnold commented on Lynn Zawie's group OmniUpdate
"Congrats to Morehouse School of Medicine on going live with their new website in OU Campus v10!"
Jul 10
Michael Plyler joined Eric Hodgson's group
Thumbnail

Digital Asset Management

Best practices in managing raw photography, design files, and Web photo galleries
Jul 10
Sara Arnold commented on Lynn Zawie's group OmniUpdate
"Part 2 of our Small Web Team series is now up on the blog! "
Jul 9
Sara Arnold commented on Lynn Zawie's group OmniUpdate
"New case study: The University of Tennessee at Chattanooga Gets a Responsive Design Refresh with OU Campus and Bootstrap. Check it out! "
Jul 8

UWEBD has been in existence for more than 10 years and is the very best email discussion list on the Internet, in any industry, on any topic

About

© 2014   Created by Mark Greenfield.

Badges  |  Report an Issue  |  Terms of Service