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

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

Rachel Burt joined Mark Greenfield's group
Thumbnail

Accessibility

This group is for all those interested in Web Accessibility.See More
9 hours ago
Rachel Burt commented on Lynn Zawie's group OmniUpdate
"Putting together an RFP for a new web content management system? Don’t forget about IT fundamentals!"
11 hours ago
Rachel Burt commented on Lynn Zawie's group OmniUpdate
"Our #OUTC18 presenters can't wait to share their knowledge with you! Here is what they're most excited to showcase in March. "
yesterday
Rachel Burt commented on Lynn Zawie's group OmniUpdate
"Redesigning your school’s website? Learn from other colleges and universities that have been in your shoes. "
yesterday
Rachel Burt commented on Lynn Zawie's group OmniUpdate
"Learn how to develop a simpler approach to your website’s menu structures and other navigation tools in our latest post."
yesterday
Rachel Burt commented on Lynn Zawie's group OmniUpdate
"Early-bird pricing for #OUTC18 ends in one month! Visit our site for reasons why to attend. http://bit.ly/2DftJ4o"
yesterday
Rachel Burt commented on Lynn Zawie's group OmniUpdate
"Planning a website redesign this year? Think about simplified navigation and a clearer focus on key audiences and goals. "
yesterday
Rachel Burt commented on Lynn Zawie's group OmniUpdate
"In 2018, digital marketers predict that 79% of Internet traffic will be video content. Are you ready for this new way to market content and reach prospective students? "
yesterday
Rachel Burt commented on Lynn Zawie's group OmniUpdate
"Looking to redesign your school’s website? Get some inspiration from other colleges and universities."
yesterday
Rachel Burt commented on Lynn Zawie's group OmniUpdate
"An open source web content management system may seem attractive on the surface, but looks can be deceiving."
yesterday
Paul Csogi joined Mark Greenfield's group
Thumbnail

Accessibility

This group is for all those interested in Web Accessibility.See More
Jan 11
Allison Howard replied to Bill Hartley's discussion Job Interview Presentation Ideas
"I was asked to do a presentation as part of an interview. I had to present how I would plan for designing a new website across multiple departments."
Jan 9
Chris Carson replied to Mike Vysocka's discussion What's the best campus map you've seen?
"Stevens Institute of Technologyhttp://tour.stevens.edu"
Jan 4
Rachel Burt commented on Lynn Zawie's group OmniUpdate
"A new calendar year is the perfect time to review goals for your institution’s website. http://bit.ly/2EDQOe8 author-zU5fDacIdje9 url">http://bit.ly/2EDQOe8"
Jan 2
Rachel Burt commented on Lynn Zawie's group OmniUpdate
"Download our latest white paper to learn why some college and university web teams gravitate toward open source products and uncover typical pitfalls that higher ed institutions discover upon using an open source web content management…"
Dec 21, 2017
Rachel Burt commented on Lynn Zawie's group OmniUpdate
"There's still time to fine-tune your wishlist for Kris Kringle. Don't forget to add #OUTC18! http://bit.ly/2zbsMmU"
Dec 21, 2017
Rachel Burt commented on Lynn Zawie's group OmniUpdate
"When changes from the FCC's repeal of net neutrality go into effect, colleges and universities could be impacted. http://bit.ly/2CFJjS5"
Dec 21, 2017
Rachel Burt commented on Lynn Zawie's group OmniUpdate
"Is your campus prepared for an emergency like the fires California schools faced last week? See how California State University Channel Islands kept their campus constituents in the know during the Thomas Fire. http://bit.ly/2z29sMa ;"
Dec 11, 2017
Rachel Burt commented on Lynn Zawie's group OmniUpdate
Dec 11, 2017
Billy Biondi commented on Lynn Zawie's group OmniUpdate
"Hi Everyone.  New user to the site.  I have a question about moving to OmniUpdate.  We're going to be switching from FarCry to Omni next year, and  I was curious if any of you have any comments/advice about content…"
Dec 11, 2017

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

© 2018   Created by Mark Greenfield.   Powered by

Badges  |  Report an Issue  |  Terms of Service