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

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

Scott Wilson is now a member of University Web Developers
yesterday
Sara Arnold commented on Lynn Zawie's group OmniUpdate
"How did Charter Oak State College’s one-man web team achieve a DIY responsive website redesign? Get the details in our new case study! "
Friday
Sara Arnold commented on Lynn Zawie's group OmniUpdate
"Voting is now open for the 2016 OmniUpdate Gadget Challenge! Head on over to the OmniUpdate Feedback Forum and cast your votes. "
Thursday
Sara Arnold commented on Lynn Zawie's group OmniUpdate
"Get website information architecture tips from mStoner strategist Fran Zablocki in today’s blog post! "
May 18
Dan Demmons posted a discussion

Anyone know what happened to www.edustyle.net

edustyle.netSite has been down for awhile now- was a great resource in the past.Anyone know what's become of it?-DanDan DemmonsDirector, Web ServicesProvidence Collegeddemmons@providence.eduSee More
May 18
Alecia Heidt is now a member of University Web Developers
May 17
Sara Arnold commented on Lynn Zawie's group OmniUpdate
"The OmniUpdate family is getting bigger… welcome Lansing Community College! "
May 16
Profile IconLeta Negandhi, Eric Scott Sembrat, David Harper and 1 more joined University Web Developers
May 16
Sara Arnold commented on Lynn Zawie's group OmniUpdate
"We're excited to welcome Wayland Baptist University to the OmniUpdate family! "
May 13
Sara Arnold commented on Lynn Zawie's group OmniUpdate
"What does the Halo Effect have to do with your website? Find out in today’s blog post! "
May 11
Sara Arnold commented on Lynn Zawie's group OmniUpdate
"Help us give a warm welcome to our newest OmniUpdate family member: Winthrop University!"
May 9
Sara Arnold commented on Lynn Zawie's group OmniUpdate
"We're excited to welcome Indian River State College to the OU Campus user community!"
May 5
Profile IconKrishneel Kishor and Dana DeFebbo joined University Web Developers
May 4
Sara Arnold commented on Lynn Zawie's group OmniUpdate
"Learn how to quickly arm yourself with the website usability data you need to cut through internal politics! Tune in to Higher Ed Live this Friday at 1PM ET. "
May 4
Sara Arnold commented on Lynn Zawie's group OmniUpdate
"Nearly 57 million people in the U.S. have some form of disability. Learn how to S.I.F.T. through your website’s content for accessibility compliance in today's post! "
May 4
Nic Winn replied to Morgan A. Huff's discussion Is there a University Web Developers Slack group?
"A team just started up. You can send a request to leta@berkeley.edu and she can add your schools domain. Then anyone with ann address there can sign in at https://uwebd.slack.com/signup."
May 4
Kelsey Layos posted a discussion

Help faculty, staff, and students transition to Canvas!

The Office of Information Technology at UCI has two vacancies for Technology Support Specialists to assist faculty, staff, and students through the Canvas transition (see sites.uci.edu/canvas/).Please share this with others looking to:Help faculty, staff, and students use Canvas and associated toolsSolve problems and remove barriers for end-users dealing with software changeDevelop productive relationships and positive rapport with…See More
May 2
Sara Arnold commented on Lynn Zawie's group OmniUpdate
"It's Module Monday! Strengthen your school's marketing power and brand with our Faculty Directory module. See it in action! "
May 2
Sara Arnold commented on Lynn Zawie's group OmniUpdate
"How do you get all the help your web team needs without taking a bite out of the budget? We've got the answer in today's blog post!!​​"
Apr 27
Profile IconCraig Koebelin and Evan Starr joined University Web Developers
Apr 27

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