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

Erin Leavitt commented on Lynn Zawie's group OmniUpdate
"Wishing you all a safe and happy Halloween from the OmniUpdate crew! "
2 hours ago
David Dahl posted a discussion

Web Application Developer at Towson University Libraries

Join our team at Towson! The Albert S. Cook Library seeks a highly skilled and innovative Web Application Developer to participate in all stages of the application development lifecycle. As a key participant in the continued development of the Library's Drupal environment, discovery systems, and digital collections, this position will work with other members of the Library IT Department, librarians, archivists, and other library staff to design, develop, and integrate sites and applications to…See More
6 hours ago
Erin Leavitt commented on Lynn Zawie's group OmniUpdate
"The 2014 OmniUpdate Gadget Challenge is coming to a close. Tomorrow is the last day to vote for your favorite gadget ideas and enter your working gadgets...if you dare! "
8 hours ago
Profile IconLeonardo Botinelly, Alice Nguyen and Joel Youngblom joined University Web Developers
Wednesday
Erin Leavitt commented on Lynn Zawie's group OmniUpdate
"Don't miss this year’s HighEdWeb Conference highlights from the OmniUpdate booth! Check it out in today's blog post.  "
Tuesday
Julie Michener posted a discussion

University news sites - best practices - best sites!

Hi all! I am hoping soon to get our University's news site into our new Drupal CMS.  My team wants to bring several news sources into one integrated site.  This includes news, alumnae news, athletic news, the University's magazine SCAN, and our social media channels (probably through the Rebel Mouse app).  Boston University and Mizzou are two that do this really well but I'd appreciate hearing about others.  Please share!See More
Monday
M. Arthur Ohm is now a member of University Web Developers
Oct 23
Erin Leavitt commented on Lynn Zawie's group OmniUpdate
"A lesson about User Experience from our very own User Experience Design Engineer. Check it out in today's blog post!"
Oct 22
Juliana Perry replied to Artur Charukhchyan's discussion Wordpress setup advice needed
"The WP edu list may also be of use to you. http://lists.automattic.com/mailman/listinfo/wp-edu https://wordpress.org/showcase/tag/education/ shows a range of educational sites; some are higher ed sites using WordPress as their CMS; others are less…"
Oct 21
Erin Leavitt commented on Lynn Zawie's group OmniUpdate
"OU Campus Developers: There's still time to build and submit your working gadgets to our 2014 Gadget Challenge for a chance to win free registration + travel reimbursement to OUTC15! Learn more about building gadgets in OU Campus by…"
Oct 20
Erin Leavitt commented on Lynn Zawie's group OmniUpdate
"Last chance to submit your proposals to present at #OUTC15 "
Oct 17
Erin Leavitt commented on Lynn Zawie's group OmniUpdate
"A lot of our customers are presenting at HighEdWeb! See who in today's blog post.  "
Oct 16
Erin Leavitt commented on Lynn Zawie's group OmniUpdate
"Voting has officially begun! Check out the gadget ideas submitted by your higher ed peers and vote for the ones you would like to see incorporated in OU Campus. "
Oct 15
Erin Leavitt commented on Lynn Zawie's group OmniUpdate
"Happy Tuesday! We are pleased to welcome Nevada State College as the newest addition to the OU Campus user community."
Oct 14
Zack Rosen is now a member of University Web Developers
Oct 14
Erin Leavitt commented on Lynn Zawie's group OmniUpdate
"Lots to do with this year’s E-Expectations survey. See the discussion in today's blog post."
Oct 13
Jay Massey replied to Cal Anderson's discussion T4 Site Manager Implementation in the group Terminal Four Site Manager
"We just finished our institution-wide, procurement, redesign, development, migration and launch our our university's public web presence with T4 Site Manager. I've been intimately involved in the entire process. AMA... シ Jay"
Oct 13
Jay Massey joined Cal Anderson's group
Thumbnail

Terminal Four Site Manager

For institutions using Terminal Four's (T4) Site Manager CMS.See More
Oct 13
Erin Leavitt commented on Lynn Zawie's group OmniUpdate
"Only one more week to submit your presentation proposals for a chance to receive free or half-priced registration to OUTC15! "
Oct 10
Erin Leavitt commented on Lynn Zawie's group OmniUpdate
"Check out Treasure Valley Community College’s new Course Catalog. Excellent work! "
Oct 9

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