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

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
"The OmniUpdate family is growing yet again – welcome Austin Peay State University! "
Aug 19
Sara Arnold commented on Lynn Zawie's group OmniUpdate
"Whether you’re a brand-new or seasoned user in OU Campus, we’ve got tips to help you save time! Check out today's blog post. "
Aug 17
Sarah Gagne posted a discussion

Is anyone using Concrete5 as their CMS?

Hi,We're currently evaluating two content management systems - Drupal and Concrete5. We're very familiar with Drupal and also like the appeal of Concrete5, but know that Concrete5 isn't widely used. Is anyone here using Concrete5? I'd greatly appreciate any insight that can be shared.Thanks so much!Sarah GagneThe Dartmouth Institute for Health Policy & Clinical PracticeSee More
Aug 17
Profile IconPaul Stokstad and Michael E Matzkin joined University Web Developers
Aug 15
Sara Arnold commented on Lynn Zawie's group OmniUpdate
"Learn about 3 key areas of SEO and how you can help increase your website’s visibility in today’s blog post! "
Aug 9
Rachel DeLauder posted a discussion

Researching web content governance in higher ed

NewCity (a web design agency that specializes in higher ed) is doing some research on how web teams at higher ed institutions manage their websites. We want to find out what works for real situations and real people. We’re asking our previous clients and contacts in higher ed to consider participating, and we'll share the results so that we can all (anonymously) learn from each other. Feedback could also end up in a presentation of…See More
Aug 9
Sara Arnold commented on Lynn Zawie's group OmniUpdate
"We’ve got another new customer in the house… Welcome Marquette University! "
Aug 5
Profile IconMichelle Hay, David White, Sarah Gagne and 1 more joined University Web Developers
Aug 5
Sara Arnold commented on Lynn Zawie's group OmniUpdate
"Learn about the Post-Op, Preventive Care, and Pre-Op phases of a website redesign in today’s blog post and avoid the “dreaded swoop and poop!” "
Aug 3
Sara Arnold commented on Lynn Zawie's group OmniUpdate
"Did you know your website’s user experience can impact your marketing efforts? Learn how to assess UX and make it a top priority in today's blog post! "
Jul 20
Sara Arnold commented on Lynn Zawie's group OmniUpdate
"We welcome our friends at Kentucky Community & Technical College System to the OmniUpdate family! "
Jul 19
Profile IconPaul Paire and Amy M Andrade joined University Web Developers
Jul 18
Sara Arnold commented on Lynn Zawie's group OmniUpdate
"Spelling errors, broken links, weak SEO, and accessibility issues can negatively affect your site visitors’ user experience. Learn how OU Insights continually monitors these areas and helps keep visitors on your site in today's blog post! "
Jul 13
Sara Arnold commented on Lynn Zawie's group OmniUpdate
"Giving a warm SoCal welcome to our newest family member, Chabot-Las Positas Community College District! "
Jul 12
Bryce Anderson is now a member of University Web Developers
Jul 12
Profile IconJeannette Modic and Lisa Jones joined University Web Developers
Jul 11
Sara Arnold commented on Lynn Zawie's group OmniUpdate
"Are you meeting the high expectations of your technologically savvy site visitors? Found out how to elevate their user experience by focusing on six key areas in today's blog post. "
Jul 7
Cathy Wooten is now a member of University Web Developers
Jul 6
Sara Arnold commented on Lynn Zawie's group OmniUpdate
"Train 300+ content contributors after not one, but two website redesigns? No problem! Discover University of Arkansas Cooperative Extension Service’s recipe for success in today's blog post. "
Jun 29
Colleen Brennan-Barry posted a discussion

HighEdWeb 2016 welcomes LeVar Burton, Kimberly Bryant, more

HighEdWeb is very pleased to announce our outstanding 2016 Annual Conference keynote speakers: Kimberly Bryant, Aspen Institute Fellow and founder of Black Girls CODE, and LeVar Burton, actor, director and educator.We’re also excited to share our full presentation schedule, which includes more than 70 presentations given in 7…See More
Jun 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

© 2016   Created by Mark Greenfield.   Powered by

Badges  |  Report an Issue  |  Terms of Service