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

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

Sara Arnold commented on Lynn Zawie's group OmniUpdate
"Have you seen The University of South Alabama's new online course catalog? It integrates with Banner. Looks sharp! Check it out. "
Wednesday
Sara Arnold commented on Lynn Zawie's group OmniUpdate
"Congrats to Oklahoma City Community College on going live with their new responsive online course catalog! "
Monday
Sara Arnold commented on Lynn Zawie's group OmniUpdate
"Curious about what's going to be in the 2015 E-Expectations Report? Get some hints in today's blog post! "
Aug 20
Sara Arnold commented on Lynn Zawie's group OmniUpdate
"Big congrats to Butler County Community College on going live in OU Campus last week with their new responsive site. Looks amazing! Check it out: bc3.edu "
Aug 20
Sara Arnold commented on Lynn Zawie's group OmniUpdate
"HUGE shout-out to Hope College on going live in OU Campus with their new responsive site, which Includes a course catalog, calendar, directories, news center, and much more! Check it out: hope.edu "
Aug 18
Howard Hanna posted a discussion

Cloud Providers: Acquia or Pantheon?

We're considering moving a lower-trafficked site with a fairly vanilla Drupal install to a cloud provider and are wondering whether to go with Acquia or Pantheon.Which would you choose?See More
Aug 18
Profile IconJanine Sazinsky and Cynthia Rodriguez joined University Web Developers
Aug 14
Sara Arnold commented on Lynn Zawie's group OmniUpdate
"#OUTC16 dates and location have been announced!! Get the scoop on our blog! "
Aug 13
Sara Arnold commented on Lynn Zawie's group OmniUpdate
"Southwest Mississippi Community College has joined the OmniUpdate family. Hip hip hooray!! #weloveourcustomers‬"
Aug 11
Howard Hanna posted a discussion

Site Search: Evaluating and Testing

Amherst College is considering switching the search engine we use on our website (Drupal) from Google Search Appliance (GSA) to Google Custom Search Engine (CSE). We are considering using Google Tag Manager (GTM) for A/B testing of GSA and CSE. We are configured to seamlessly switch between the two search options.Does anyone have ideas, resources, or a checklist you've used for testing the site search and gauging relevancy?If not GTM for A/B testing, any recommendation on what else to use?All…See More
Aug 5
Sara Arnold commented on Lynn Zawie's group OmniUpdate
"New post up on the blog by OmniUpdate CEO, Lance Merker! Check it out: Three Takeaways from #eduweb15 "
Aug 4
Phyllis Treige posted a discussion

UX Analyst at University of Wisconsin-Madison

The Communications Department in the UW-Madison Division of Information Technology (DoIT) is looking for a full-time User Experience Analyst to join our team.  The opportunityWe’re redefining the experience of higher education at UW-Madison, from improving the course enrollment process to designing tools that support advising to overhauling the MyUW portal.  We need someone who is driven to understand the challenges our users face, to help untangle thorny process and technical ecosystems, and…See More
Aug 4
Sara Arnold commented on Lynn Zawie's group OmniUpdate
"We're so excited to add Lake Tahoe Community College to the OmniUpdate family! Welcome aboard!"
Aug 3
Profile IconKendra Smith, Dan LeGate, Matt Kacskos and 2 more joined University Web Developers
Jul 31
Sara Arnold commented on Lynn Zawie's group OmniUpdate
"Congrats to Snow College on going live in OU Campus with their new responsive site! Check it out: www.snow.edu "
Jul 30
Sara Arnold commented on Lynn Zawie's group OmniUpdate
"Get the scoop on snippets in the new post up on the blog! "
Jul 29
Erin Leavitt commented on Lynn Zawie's group OmniUpdate
"New blog post from Kate Browne, Technology Trainer at Illinois Wesleyan University! The Welcoming Website Part 1: Accessibility and Universal Design "
Jul 22
Erin Leavitt commented on Lynn Zawie's group OmniUpdate
"Nevada State College went live in our OU Campus CMS! Check it out: nsc.edu http://nsc.edu/"
Jul 20
Erin Leavitt commented on Lynn Zawie's group OmniUpdate
"Exciting news! We've released 10.3 of OU Campus which includes OU Marketplace! Read all about it in today's blog post. "
Jul 17
Erin Leavitt commented on Lynn Zawie's group OmniUpdate
"Bard College at Simon's Rock's website has a great new look! New design by Lipman Hearne. Check it out: simons-rock.edu "
Jul 14

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

© 2015   Created by Mark Greenfield.

Badges  |  Report an Issue  |  Terms of Service