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

Erin Leavitt commented on Lynn Zawie's group OmniUpdate
"Congratulations to Western Illinois University for going live with their responsive redesigned website in OU Campus v10! "
17 hours ago
Maggie Slater joined Lynn Zawie's group
Thumbnail

OmniUpdate

Share your experiences using OmniUpdate CMS
yesterday
Profile IconEloine Chapman, Adam Mullen, Gina D'Alessio and 1 more joined University Web Developers
yesterday
Dan Bashaw replied to Beth Hastings's discussion Columbia College site redesigned - take a look!
"Nice and clean redesign, and I can see you are also paying a lot of attention to content strategy.  Thanks for sharing the links!"
yesterday
Erin Leavitt commented on Lynn Zawie's group OmniUpdate
"Please help us welcome University of New Haven to the OU Campus user community!"
Friday
Erin Leavitt commented on Lynn Zawie's group OmniUpdate
" Read about the importance of mobile in today’s blog post from our E-Expectations series."
Friday
David Dahl posted a discussion

Web Services Specialist, Towson University Libraries

The Albert S. Cook Library seeks a highly skilled and innovative Web Services Specialist to participate in all stages of the application development life cycle.  Under the direction of the Information Technology Librarian, this position provides primary web application development support for the Library’s online initiatives. Focusing on services that improve the user experience for the University’s students, faculty, and staff, the Web Services Specialist collaborates with team members, other…See More
Aug 20
David Dahl joined Mark Greenfield's group
Aug 20
Erin Leavitt commented on Lynn Zawie's group OmniUpdate
"Check out Naropa University’s new course catalog! It pulls course data from Jenzabar. Well done!"
Aug 20
Profile IconDavid Dahl, tmogroup and Besart Bytyqi joined University Web Developers
Aug 20
Erin Leavitt commented on Lynn Zawie's group OmniUpdate
"How do you view change? Read what our CEO took away from this year’s eduWeb Conference about change in today's blog post."
Aug 20
Erin Leavitt commented on Lynn Zawie's group OmniUpdate
"Loving the new look on the CSU Channel Islands website! Check it out: csuci.edu/ #responsive #accessible"
Aug 19
Erin Leavitt commented on Lynn Zawie's group OmniUpdate
"Congrats to Daytona State College on going live with their responsive design in OU Campus v10! Looks amazing! "
Aug 13
Profile IconNancy Boudreau, Rob Green and John Cady joined University Web Developers
Aug 13
Beth Hastings posted a discussion

Columbia College site redesigned - take a look!

We launched a redesign of our site on July 1. It was more than just a new skin, it was a reorganization of the content. In the past we've tried to serve all audiences - current students, prospects, staff, faculty and alumni. It ended up being link overload. It also used internal back office terminology that was confusing to prospects.Our charge was to gear the site toward prospective students and to move all content for current students and faculty & staff behind our existing portal.We…See More
Aug 12
Doug Minor posted a discussion

Anyone Willing to Share Your Mass Email RFP or Requirements Document?

We are in the process of reviewing various mass email services (services hosted in the cloud). Has anyone done this recently and prepared either an RFP or requirements document you would be willing to share?Some of our initial requirements are listed below.Agency model where we can serve as administrator to multiple, separate department accounts housed under the same agency/institutional account (each account would have their own separate login and billing)Only approved email templates can be…See More
Aug 11
Profile IconMoneca Pinkett and Lei Zhu joined University Web Developers
Aug 11
Erin Leavitt commented on Lynn Zawie's group OmniUpdate
"It’s the last week to nominate for the third annual Critics' Choice CMS Awards! Help us spread the word and let them know why OU Campus is the CMS of choice for higher education. Recommended categories include: Best Enterprise JAVA CMS…"
Aug 11
Erin Leavitt commented on Lynn Zawie's group OmniUpdate
"Miss the E-Expectations webcast? Couldn't make it to this year’s eduWeb Conference to see the presentation? We've got you covered! Check out today's blog post."
Aug 6
Profile IconJoe Fitzsimmons, Lance Tully and Charlotte Marsch joined University Web Developers
Aug 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