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

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
"Your content management system requires certain functionalities and services; one being ongoing support. See how OmniUpdate delivers in this blog post! "
Wednesday
Erin Leavitt commented on Lynn Zawie's group OmniUpdate
"Congratulations to California Lutheran University on their new responsive website! Check it out: www.callutheran.edu www.callutheran.edu"
Tuesday
Scott Dewar is now a member of University Web Developers
Tuesday
Erin Leavitt commented on Lynn Zawie's group OmniUpdate
"Still need to register for the eduWeb Digital Summit? Use discount code ECD2015 to get a $100 discount! "
Jun 25
Louise Ryan posted a discussion

Please take a moment to complete the 2015 Higher Education Web Survey

Have your say in the 2nd Annual T4 Higher Education web survey and be in with a chance to win £/$/€ 100 Amazon voucher. It's open to all IT & Marketing professionals who work in Higher Education & it only takes 2 minutes; enter hereSee More
Jun 25
Profile IconBlaine Herman, Christy Hill and Theresa Rumjahn joined University Web Developers
Jun 20
Profile IconEric Swearengin and Kathy Henning joined University Web Developers
Jun 18
Erin Leavitt commented on Lynn Zawie's group OmniUpdate
"Three cheers for SUNY Alfred State College joining the OmniUpdate family!"
Jun 18
Erin Leavitt commented on Lynn Zawie's group OmniUpdate
"New blog post! Check out this recap of Higher Ed Live's "Communication United: Social Media and Your Website" featuring Elizabethtown College and Pepperdine University.  “Communication United: Social Media and Your…"
Jun 16
Erin Leavitt commented on Lynn Zawie's group OmniUpdate
"Please help us welcome SUNY Fashion Institute of Technology to the OU Campus user community! "
Jun 12
James Trotter is now a member of University Web Developers
Jun 10
Erin Leavitt commented on Lynn Zawie's group OmniUpdate
"OmniUpdate Director of Implementations, Marcel Ayers, discusses responsive design frameworks and tries to answer: Is one framework better than the rest?  "
Jun 10
Profile IconKevin M. Lindsay, Breanna Scott and Dan Anderson joined University Web Developers
Jun 8
Colleen Brennan-Barry posted a discussion

The HighEdWeb 2015 Schedule is Now Available

We’re thrilled to share that the HighEdWeb 2015 Annual Conference schedule is live! http://2015.highedweb.org/schedule/This year we’ll be gathering in Milwaukee, Wis. on October 4-7 to learn from a stellar lineup of speakers, with 70+ sessions in six tracks. There is something for everyone: programmers, strategists, developers, designers, content creators, social media managers, and everyone in between!Session tracks…See More
Jun 5
Andrew Breshears posted a discussion

Web Designer opening - Stillwater, OK

Job SummaryThis position supports and maintains Oklahoma State University's web presence by providing web development and design expertise system-wide. Serves as web support for Oklahoma State University.  Job duties includeFacilitating content management system training Holding regular collaborative meetings with web administrators from across the campus.Process iSupport tickets as neededProvide assistance for campus web development issues.Providing technical support to web…See More
Jun 4
Erin Leavitt commented on Lynn Zawie's group OmniUpdate
"Google recently announced that as of April 21, 2015, they are placing much more emphasis on mobile-friendliness as part of their ranking algorithm. Is your higher ed website mobile-friendly? "
Jun 3
Rod Francey is now a member of University Web Developers
Jun 3
Erin Leavitt commented on Lynn Zawie's group OmniUpdate
" New article featured in the Higher Ed Live blog! Great Content Strategy in Higher Ed: It's All About That Base by Carol Clements "
Jun 1
David Bass is now a member of University Web Developers
Jun 1
Erin Leavitt commented on Lynn Zawie's group OmniUpdate
"Eastern Michigan University College of Education's website is now mobile optimized! Get out your mobile device and check it out: www.emich.edu/coe "
May 29

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