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

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

Profile IconDean Hartman and Laura T joined University Web Developers
3 hours ago
Tarekegn Nibret is now a member of University Web Developers
Mar 15
Scott Dailey is now a member of University Web Developers
Mar 10
Lauren Zakich commented on Lynn Zawie's group OmniUpdate
"Our presenters at the 2017 OmniUpdate User Training Conference are eager to share their wisdom! See a special announcement about our esteemed keynote speaker, and find out what our presenters are most excited to share in their sessions in our latest…"
Mar 8
Profile IconJanice D Smith and Y. Boone joined University Web Developers
Mar 8
Catherine Crameri joined Mark Greenfield's group
Thumbnail

Accessibility

This group is for all those interested in Web Accessibility.See More
Feb 22
Catherine Crameri is now a member of University Web Developers
Feb 22
Lauren Zakich commented on Lynn Zawie's group OmniUpdate
"We’ll have tons of hands-on workshops at the 2017 OmniUpdate User Training Conference. Our latest blog post will show you which workshops are right for you!"
Feb 21
Songmei Han is now a member of University Web Developers
Feb 20
Colleen Brennan-Barry posted a discussion

HighEdWeb 2017: Call for Presentations is Open

The Higher Education Web Professionals Association is very pleased to announce that we are now accepting presentation proposals for the HighEdWeb 2017 Annual Conference, scheduled for October 8-11 in Hartford, CT.HighEdWeb 2017 is the conference BY and FOR higher education Web professionals who want to explore the unique web issues facing colleges and universities. Our profession is always growing, and we are looking for a wide variety of presenters and…See More
Feb 16
Eloine Chapman joined Anne Petersen's group
Thumbnail

Usability

A group for those interested in usability principles, practices, and testing.
Feb 9
Eloine Chapman replied to Mark Greenfield's discussion The UWEBD Social Network Will Live On
"I see that this site is associated with a mailing list. I don't see a place to sign up for that?"
Feb 9
Eloine Chapman joined Lynn Zawie's group
Thumbnail

OmniUpdate

Share your experiences using OmniUpdate CMS
Feb 9
Eloine Chapman joined Mark Greenfield's group
Thumbnail

Accessibility

This group is for all those interested in Web Accessibility.See More
Feb 9
Eloine Chapman replied to Mark Greenfield's discussion The UWEBD Social Network Will Live On
"Yeah! I didn't know about the mug. I gotta go get one. I am happy to hear about OmniUpdate valuing this since we signed up a few months ago. I am still developing some templates but I can't wait to use the system."
Feb 9
Profile IconAngela Polczynski and Alan Baker joined University Web Developers
Feb 9
Jason Bryner replied to Mark Greenfield's discussion The UWEBD Social Network Will Live On
"Wonderful! Thanks OmniUpdate!"
Feb 8
Jamie George replied to Mark Greenfield's discussion The UWEBD Social Network Will Live On
"Dear person reading this, No more mugs.  How do I drink my delicious coffee now?   Sleepy webdev, JG"
Feb 7
Roberta (Robin) Sullivan replied to Mark Greenfield's discussion The UWEBD Social Network Will Live On
"Thank you OmniUpdate."
Feb 7
Profile IconJamie George, Doug Bluff, MsMardyWilson and 5 more joined University Web Developers
Feb 7

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

© 2017   Created by Mark Greenfield.   Powered by

Badges  |  Report an Issue  |  Terms of Service