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

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

Lauren Zakich commented on Lynn Zawie's group OmniUpdate
"Change is inevitable, and you want to make sure your content is still consistent after you reorganize your site. Check out the importance of using dependency tags in OU Campus to make sure both your site visitors and search engines can still find…"
Thursday
Allison Howard is now a member of University Web Developers
May 19
Lauren Zakich commented on Lynn Zawie's group OmniUpdate
"Planning a dream kitchen is like redesigning a website. It's easy to change the colors, but if the content doesn't provide what users need, your site visitors will not find value. So where do you start?"
May 12
Lauren Zakich commented on Lynn Zawie's group OmniUpdate
"When thinking about valuable content for your higher ed site, try testimonials and quotes to attract prospective students. Download the latest E-Expectations report today. "
May 11
Lauren Zakich commented on Lynn Zawie's group OmniUpdate
"Check out more of these stats by downloading our latest E-Expectations Report today!"
May 4
Lauren Zakich commented on Lynn Zawie's group OmniUpdate
"Your website’s voice helps drive your brand and deliver consistency across your site. In our latest blog post, Jim Heiney from Lock Haven University shows how to keep that consistency using OU Campus."
May 2
Fabio posted a discussion

Top 200 Universities in Facebook

Just a brief note to inform all University developers that we have just published a new ranking of the top 200 Universities in Facebook based on the number of likes (fans count) each Facebook page has. Visit http://www.4icu.org/top-universities-facebook/For the US listing of all Universities in Facebook and their fans count popularity please visit…See More
May 2
Lauren Zakich commented on Lynn Zawie's group OmniUpdate
"New blog post! Find out what prospective students are wanting to find on your website."
Apr 28
Kathy Nix posted a discussion

user levels

Is there anyway you can edit a user level?  We have level 8 users and want to add "Add to Dictionary" without opening every user and clicking on the Add to Dictionary box.See More
Apr 26
Doug Thompson posted a discussion

Solution for deluge of daily emails?

So way back in "the day" (eight or so years ago), our employee/student email inboxes were routinely deluged with 40+ individual email messages per day due to the "campus-wide" email lists being open for anyone here to send messages to.Enough people eventually decried the situation, so we came up with an email/website "publication" that was basically akin to a "daily digest email" of what were originally individual messages.This was highly successful and took a large part of the burden off of…See More
Apr 21
Andrew Soderberg replied to Mark Greenfield's discussion The UWEBD Social Network Will Live On
"Mark, Just a suggestion regarding a sustainable future for UWEBD (software platform). When I was at OmniUpdate we migrated from Ning to SocialEngine. SE has a Ning 2 import tool: http://get.socialengine.com/ning/ The process was pretty smooth for…"
Apr 21
Christopher Snizik is now a member of University Web Developers
Apr 18
Lauren Zakich commented on Lynn Zawie's group OmniUpdate
"Our 2017 OmniUpdate User Training Conference was a huge success! For a recap of the event, head over to our blog. "
Apr 17
Profile IconChris Amelung and Derek Pasnick joined University Web Developers
Apr 10
Barb Iannucci replied to Dean Hartman's discussion Best CMS option
"I'm interested in this as well..."
Apr 4
Dean Hartman posted a discussion

Best CMS option

It's time for us to move away from our current CMS, and I was wondered what is working best for others: a pre-packaged solution, or building your own with WordPress, Drupal or ...?See More
Apr 4
Cindy is now a member of University Web Developers
Apr 1
Profile IconDean Hartman and Laura T joined University Web Developers
Mar 28
Tarekegn Nibret is now a member of University Web Developers
Mar 15
Scott Dailey is now a member of University Web Developers
Mar 10

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

© 2017   Created by Mark Greenfield.   Powered by

Badges  |  Report an Issue  |  Terms of Service