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: 196

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

Michael Lupi posted a discussion

Front-end Web Developer at Tufts University

Department Summary: Digital Communications, a department under University Relations, is responsible for creating and implementing the university's top-level digital communications strategy; managing internal and external online communications channels; and developing content, tools and services for Tufts.edu and related sites. Our audiences include students, prospective students, parents, alumni, faculty, staff, donors and external media.The team manages the university's homepage and upper…See More
Wednesday
Michael Lupi is now a member of University Web Developers
Wednesday
Erin Leavitt commented on Lynn Zawie's group OmniUpdate
"OmniUpdate will be closed tomorrow and Friday for the Thanksgiving holiday. Business will resume as usual on Monday. We wish you all a happy holiday!"
Wednesday
Erin Leavitt commented on Lynn Zawie's group OmniUpdate
"Great to have San Diego Mesa College join us. Please welcome them to the OU Campus user community!"
Wednesday
Aparna Shrivastava is now a member of University Web Developers
Monday
Erin Leavitt commented on Lynn Zawie's group OmniUpdate
"Our customer, Eric Li from Wharton County Junior College, shares his experience presenting on WCJC's Faculty Website. Read it now! "
Nov 21
Pamela Riesmeyer joined Mark Greenfield's group
Thumbnail

Accessibility

This group is for all those interested in Web Accessibility.See More
Nov 21
Erin Leavitt commented on Lynn Zawie's group OmniUpdate
"The OmniUpdate family is happy to welcome Bard College at Simon's Rock! "
Nov 20
Tim Yandel is now a member of University Web Developers
Nov 20
Mahmud Rahman is now a member of University Web Developers
Nov 18
Erin Leavitt commented on Lynn Zawie's group OmniUpdate
"Please help us welcome our newest customer, Butler County Community College! Thanks for joining us."
Nov 17
Erin Leavitt commented on Lynn Zawie's group OmniUpdate
"Are you working to increase your institution’s ranking in search results? Read today's blog post to learn how!"
Nov 12
Ronna Johnston posted a status
"Is anyone willing to share their RFP for a Content Management System? We are pursuing a university -wide tool. Thanks in advance."
Nov 12
Jonathan Thompson posted a discussion

Front End Developer--Johns Hopkins University

The Front End Developer is part of a team that provides development, analysis of websites, web-based applications, and web-based services in support of the work of the Johns Hopkins University Office of Communications and reports to the Director of Digital Strategy.The primary duties and responsibilities of the job include:Works at high programming and creative level, demonstrating proficiency in interpreting graphic visual or interaction designs using modern web standards and technologies…See More
Nov 11
Erin Leavitt commented on Lynn Zawie's group OmniUpdate
"There’s still time to submit your Topic Table proposal for OUTC15. For more information or to submit, visit our Call for Proposals page. Don't miss your chance to receive ½ off registration.The deadline for submissions is…"
Nov 10
Jonathan Thompson is now a member of University Web Developers
Nov 10
Erin Leavitt commented on Lynn Zawie's group OmniUpdate
"Have you seen The University of South Alabama’s awesome News System? It’s responsive! southalabama.edu/news"
Nov 7
richard ota joined Mark Greenfield's group
Thumbnail

WordPress

This group is for all those using WordPress as both a blogging platform and as a CMS
Nov 6
richard ota joined DNI's group
Thumbnail

Cascade Server CMS

For folks who use (or are interested in) Hannon Hill's Cascade Server CMS productSee More
Nov 6
richard ota joined Lynn Zawie's group
Thumbnail

OmniUpdate

Share your experiences using OmniUpdate CMS
Nov 6

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