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

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
"Wondering how to create your own CMS gadget? Check out today's blog post! "
Thursday
Sara Arnold commented on Lynn Zawie's group OmniUpdate
"Another new customer! We welcome Clark College to the OmniUpdate family and OU Campus CMS user community!"
Wednesday
Profile IconAndy Long, Melba Acevedo and George Fullerton joined University Web Developers
Tuesday
Sara Arnold commented on Lynn Zawie's group OmniUpdate
"We warmly welcome Dillard University to the OmniUpdate family! We're excited to have them aboard the OU Campus CMS user train!"
Apr 14
Sara Arnold commented on Lynn Zawie's group OmniUpdate
"We welcome Reynolds Community College to the OU Campus CMS user community! We're excited to have them in the OmniUpdate family!"
Apr 11
Brian Richardson is now a member of University Web Developers
Apr 10
Sara Arnold commented on Lynn Zawie's group OmniUpdate
"New post up on the blog! Tips from Higher Education Marketing's CEO Philippe Taza on Tackling Higher Ed Digital Marketing Challenges. Give it a read and comment on your top challenges!"
Apr 9
John Jackson commented on Debbie's blog post New ICANN TLDs
"We've identified the domains we want to follow, such as .education (released at the end of March), .college, .university, and .sucks (I'm serious on the last one). The last three listed are still in the evaluation phase.  Just today…"
Apr 9
Brett Sizemore posted a discussion

Interactive Designer

APPLY AT: https://jobs.pepperdine.eduThe Interactive Designer supports Pepperdine's integrated marketing communications efforts aimed at strengthening the brand, elevating national reputation, improving recruitment, and building engagement through creative design across media including web, mobile, broadcast, print, and events.DUTIES: Directly support the creative communications needs of the University through the development and execution of integrated…See More
Apr 8
Brett Sizemore is now a member of University Web Developers
Apr 8
Heather Godwin joined Rik Williams's group
Thumbnail

Maps and Mapping

For the discussion of the Mapping of University campuses and facilities from static images to groovy Google mashups.
Apr 7
Profile IconMatt Dana and Heather Godwin joined University Web Developers
Apr 7
Matt Lauer is now a member of University Web Developers
Apr 3
Sara Arnold commented on Lynn Zawie's group OmniUpdate
"We've got another new customer! We warmly welcome Morehouse School of Medicine to the OmniUpdate family and OU Campus CMS user community!"
Apr 3
Sara Arnold commented on Lynn Zawie's group OmniUpdate
"Check out this great video from our friends at University of Arkansas Cooperative Extension Service promoting their new uaex.edu website!"
Apr 3
Sara Arnold commented on Lynn Zawie's group OmniUpdate
"Learn about our 2014 OmniUpdate Customer of the Year in today's blog post! "
Apr 2
John Eastvold joined David Wissore's group
Apr 2
John Eastvold added a discussion to the group ColdFusion
Thumbnail

ColdFusion Web developer Job Just Posted

I just posted a job listing and wanted to bring it to this group's attention.  It is primarily a ColdFusion Developer position.http://cuwebd.ning.com/forum/topics/web-applications-and-systems-developer-administratorSee More
Apr 2
John Eastvold posted a discussion

Web Applications and Systems Developer/Administrator

Posting specificationsOpen to all qualified candidatesCampus LocationDuluth, MNJob TitleWeb Applications and Systems Developer/AdministratorJob GroupStaffJob SummaryThis position is responsible for effectively implementing and administrating the College’s web applications utilizing appropriate tools to assist the College in achieving its strategic initiatives.Key Results/ResponsibilitiesRequired Qualifications- Bachelor’s degree or comparable technical certification, training, and experience.-…See More
Apr 2
Marcus Taylor is now a member of University Web Developers
Apr 2

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