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

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
"Miss out on your chance to take advantage of Table Transformations in OU Campus? We've got you covered! Watch the latest Training Tuesday now."
Friday
Katie Ryan Lambert posted a discussion

Website Redesign - Change Management & Communications

In a few months, my organization is rolling out a new Intranet for a many campuses and a central location with a new look and feel and new technology (moving from Oracle Portal to Microsoft SharePoint). The site is used by campus research administration staff to get the information and single-sign on access to tools & applications they need to do their jobs.I've managed several technology roll-outs and upgrade and know how users can have strong reactions to change. (I was here in 2006 when…See More
Thursday
Erin Leavitt commented on Lynn Zawie's group OmniUpdate
"Jim Heiney from Lock Haven University gives a humorous and informative explanation of the OU Campus _resources folders in today's blog post  "
Wednesday
Profile IconJose Pedraza and D Simone joined University Web Developers
Apr 27
Erin Leavitt commented on Lynn Zawie's group OmniUpdate
"We’re so happy to welcome Washington State Board for Community & Technical Colleges to the OmniUpdate family!"
Apr 24
Ken Pooley replied to Ken Pooley's discussion Examples of landing pages in Higher Ed
"Good question....having spent a little time, between stops in highered, in a business which was pretty cut throat competitive and really leveraged direct response marketing and jailed landing pages at a high level, I have been surprised how little…"
Apr 22
Erin Leavitt commented on Lynn Zawie's group OmniUpdate
"When 404 happens, what do your visitors see? Find out how some of your higher ed peers are keeping visitors on their website in today's blog post! "
Apr 22
Florentin Albu posted discussions
Apr 21
Profile IconFlorentin Albu and Ashley Banks joined University Web Developers
Apr 21
Rachel Carden posted a discussion

Speakers needed for HighEdWeb Alabama conference - Deadline is Friday, April 24

You have great ideas. The HighEdWeb Alabama conference is looking for great ideas! Please consider sharing your great ideas with HighEdWeb Alabama! Our call for speakers is open until Friday!Share You Brain With Us!We all think and work differently. Whether you realize it or not, you have unique insight, skills, and expertise that others have not experienced. We want to hear about your projects and your strategy. We want you to share your brain…See More
Apr 20
Chris Paddock replied to Ken Pooley's discussion Examples of landing pages in Higher Ed
"Hi Ken,  Can I ask, are you trying to get better perspective on the experience, construction, something else? Just curious.  Chris "
Apr 20
Erin Leavitt commented on Lynn Zawie's group OmniUpdate
"What exactly is a well-composed picture when it comes to your website? Marie Wise from Lower Columbia College has the answer! Why You Want Pictures on Your Web Pages (Part 2) "
Apr 14
Erin Leavitt commented on Lynn Zawie's group OmniUpdate
"Learn about the 2015 OmniUpdate Hackathon from the ‪#‎OU15Hackathon‬ participants themselves in this blog post! "
Apr 10
Kris Read is now a member of University Web Developers
Apr 10
Erin Leavitt commented on Lynn Zawie's group OmniUpdate
"OU Campus Users: Get the 2015 OmniUpdate User Training Conference presentation slides, photos, and videos now on the OmniUpdate Community Network! Don't miss Lance Merker's opening, "The Key to Web Success: Leveraging the Power of the…"
Apr 9
Erin Leavitt commented on Lynn Zawie's group OmniUpdate
"Another enlightening post by Marie Wise from Lower Columbia College on the importance of pictures on your higher ed‬ website! Read it now."
Apr 8
Erin Leavitt commented on Lynn Zawie's group OmniUpdate
"Honored to have Kodiak College join our OU Campus users. 50,000 and counting!"
Apr 6
Erin Leavitt commented on Lynn Zawie's group OmniUpdate
"OmniUpdate is proud to present, in cooperation with our business partners, the OmniUpdate Concierge Program! Learn more about it on our blog. "
Apr 1
Erin Leavitt commented on Lynn Zawie's group OmniUpdate
"Did you miss our latest webex on OU Search? See it now and find out why it's a better and faster search solution!"
Mar 31
Erin Leavitt commented on Lynn Zawie's group OmniUpdate
"Excited to welcome Rosemont College​ into the OU Campus user community!"
Mar 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

© 2015   Created by Mark Greenfield.

Badges  |  Report an Issue  |  Terms of Service