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!

Views: 211

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
"How do you get all the help your web team needs without taking a bite out of the budget? We've got the answer in today's blog post!!​​"
Wednesday
Profile IconCraig Koebelin and Evan Starr joined University Web Developers
Wednesday
Sara Arnold commented on Lynn Zawie's group OmniUpdate
"Learn why Hope College switched from open source Drupal to OU Campus to manage its website in our new case study! "
Monday
Ronny Murahwa is now a member of University Web Developers
Apr 21
Sara Arnold commented on Lynn Zawie's group OmniUpdate
"Check out today's blog post for tips on how to structure your institution's website content based on student interests! "
Apr 20
Sara Arnold commented on Lynn Zawie's group OmniUpdate
"Ready to optimize your website visitors' search experience? Tune in this Friday to Higher Ed Live at 1PM ET and get tips on how it’s done from Utah Valley University and Oklahoma City Community College. "
Apr 20
Sara Arnold commented on Lynn Zawie's group OmniUpdate
"Get your 2016 Gadget Challenge idea submitted for a chance to win free registration to #OUTC17! "
Apr 19
Sara Arnold commented on Lynn Zawie's group OmniUpdate
"There’s no better time to shine than at NCMPR’s 2017 national conference in Charleston, SC! Submit your proposal by May 2 for your chance to present. "
Apr 15
Kevin Kinder commented on Lynn Zawie's group OmniUpdate
"Learn about the website transformation that got University of North Carolina School of the Arts nominated for a Webby Award in our latest blog post!"
Apr 13
Kevin Kinder commented on Lynn Zawie's group OmniUpdate
"Let’s show support for our fellow OmniUpdate community member and vote for University of North Carolina School of the Arts in The Webby Awards. Their site is stunning!"
Apr 12
Kevin Kinder commented on Lynn Zawie's group OmniUpdate
"Does your site look stunning on desktop, but takes eons to load on mobile? Tarrant County College’s Stephen Fornal has the fix in Community college week!"
Apr 7
Kevin Kinder commented on Lynn Zawie's group OmniUpdate
"Don’t play catch-up! It’s critical to focus on your web presence now rather than later. Why? Get the scoop on our blog."
Apr 6
Kevin Kinder commented on Lynn Zawie's group OmniUpdate
"Introducing Module Monday, where every first Monday of the month one of our modules will be featured. Check out this month's module! "
Apr 6
Kevin Kinder commented on Lynn Zawie's group OmniUpdate
"CCCU’s 2016 Commission on Technology Conference is going to be simply amazing... Don’t miss your chance to present! Proposals due 4/15."
Apr 6
Kevin Kinder commented on Lynn Zawie's group OmniUpdate
"The deadline to speak at AMA’s Symposium for the Marketing of Higher Education in Orlando, FL is fast-approaching! Submit your proposal by 4/15."
Apr 4
Kevin Kinder commented on Lynn Zawie's group OmniUpdate
"Find out what it means to “design with a crystal ball” when building a website from the ground up in our new blog post!"
Mar 31
Kevin Kinder commented on Lynn Zawie's group OmniUpdate
"Welcome aboard Midland College! We are pleased to have you as part of the OmniUpdate family. "
Mar 29
John Richardson is now a member of University Web Developers
Mar 29
Brad James joined Mark Greenfield's group
Mar 28
Jeffrey Garner left a comment for Lacy Paschal
"Thanks for feedback."
Mar 28

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

© 2016   Created by Mark Greenfield.   Powered by

Badges  |  Report an Issue  |  Terms of Service