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

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 IconJenn Baker and Jose Vidal joined University Web Developers
22 hours ago
Erin Leavitt commented on Lynn Zawie's group OmniUpdate
"Loving all the gadget ideas! Have you submitted yours? http://omniupdate.com/campaigns/gadget-challenge/2014/"
yesterday
Sean Walsh posted a blog post

The Results are in: TERMINALFOUR Higher Education Web Survey

In our first annual higher education web survey report, almost 250 individuals and 169 higher education institutions reveal where they focus their online marketing activities, how they measure their online efforts and how they engage with their audiences. Discover the results for yourself by downloading a free report today: http://www.terminalfour.com/survey2014/See More
yesterday
Mike Tackett is now a member of University Web Developers
Thursday
Erin Leavitt commented on Lynn Zawie's group OmniUpdate
"Look who’s responsive now! Clark College went live with their new site. Congratulations! www.clark.edu/"
Wednesday
Erin Leavitt commented on Lynn Zawie's group OmniUpdate
"  How well do your campus emails render on mobile devices? Read about our Email Campaign Manager in today’s blog post! "
Tuesday
Erin Leavitt commented on Lynn Zawie's group OmniUpdate
"Nominations for the third annual Critics' Choice CMS Awards are closing Oct 1! Don’t forget to submit OU Campus for consideration. Recommended categories include: Best Enterprise JAVA CMS, Best Cloud CMS for Enterprise, and Most…"
Monday
Erin Leavitt commented on Lynn Zawie's group OmniUpdate
"  After the mad rush of classes starting, how do you keep your web editors energized for the rest of the academic year? Read how Lower Columbia College does it in today's blog post!"
Sep 12
Profile Icondavid wickins, Alice Nguyen and John Hartley joined University Web Developers
Sep 12
Seth Meranda posted a discussion

Seeking an Web Interactive Producer

I'm looking to add someone with HTML/CSS and UI/UX experience to my team at Concordia University, Nebraska. We're located just outside Lincoln, NE.Position Summary:  This position serves as a member of the marketing communication team and provides leadership and strategy for the creation, implementation and maintaining of web and email productions used in promotion and advancement of the University's mission.General Duties:Implements, designs and optimizes user interfaces for cune.edu and…See More
Sep 11
Nancy R. Bailey posted a discussion

Web Development Specialist

The Institute for Transportation Research and Education at North Carolina State University is looking for a web development specialist (technology support analyst).  To provide support and consult on web development, design, coding, and modifying hosted websites.  Provide web application development and web communications support, as well as maintain duties for web-based projects which include interactive multimedia, graphics, tutorials, and social media.  Knowledge of and experience with…See More
Sep 10
Maggie Slater commented on Lynn Zawie's group OmniUpdate
"Such great information within the talk! Thanks for sharing!  :)"
Sep 9
Erin Leavitt commented on Lynn Zawie's group OmniUpdate
"Missed yesterday’s E-expectations talk with Chris D’Orso, Stephanie Geyer, and our own Lance Merker? See it here."
Sep 9
Sara Clark posted a discussion

Missouri State University seeks new media specialist

Missouri State University is accepting applications for a new media specialist in the offices of university communications and Web and new media.Position comes with superior benefits, including group health insurance, life insurance, retirement, tuition waivers, wellness programs and professional development opportunities. Learn more about benefits.Responsibilities:Works to ensure that assigned websites and social media content,…See More
Sep 8
Profile IconAmy Filardo and Jeremy Cumbo joined University Web Developers
Sep 4
Erin Leavitt commented on Lynn Zawie's group OmniUpdate
"Central Connecticut State University went live with their responsive website. Great job!! www.ccsu.edu"
Sep 4
Erin Leavitt commented on Lynn Zawie's group OmniUpdate
"Learn more about our 2014 Gadget Challenge with today’s blog post! "
Sep 3
Erin Leavitt commented on Lynn Zawie's group OmniUpdate
"Part 3 of our E-Expectations series available on our blog! Get the facts you need to improve your best resource—your college website. "
Aug 29
Erin Leavitt commented on Lynn Zawie's group OmniUpdate
"Please note that OmniUpdate will be closed this Monday in observance of Labor Day. We wish everyone a safe and happy holiday!"
Aug 28
Beth Hastings replied to Beth Hastings's discussion Columbia College site redesigned - take a look!
"Thanks - I appreciate it! It was a  lot of "new" for us. Personally, I'd done a little bit of responsive design (took a class) but nothing at this level. I'd not done HTML5 or really delved into CSS3 and then finding…"
Aug 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

© 2014   Created by Mark Greenfield.

Badges  |  Report an Issue  |  Terms of Service