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

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
"Excited to welcome Rosemont College​ into the OU Campus user community!"
8 hours ago
Erin Leavitt commented on Lynn Zawie's group OmniUpdate
"Guest blogger Michael Stoner of mStoner shares tips on how to incorporate social media on your college or university website! "
yesterday
John PArdavila is now a member of University Web Developers
yesterday
Sherry Nelson joined Arlen Johnson's group
Thumbnail

Calendars

Discuss event calendars and calendaring - identify products, solutions, and needs
Wednesday
Ken Pooley posted discussions
Wednesday
Profile IconSherry Nelson and Angela French joined University Web Developers
Tuesday
Chris Paddock posted a discussion

Senior Web Developer

Apply at https://jobs.wheatoncollege.edu/PRIMARY PURPOSE:The Senior Web Developer serves as the technology lead for Wheaton’s Web Strategy team. This person will guide the implementation and support of our digital channels, working with the team and other stakeholders across campus to define, create, and implement digital projects. The incumbent is responsible for managing the technical resources that support the college’s primary websites and…See More
Monday
Natalie Semmler commented on Cal Anderson's group Terminal Four Site Manager
"At the time we had 2 full-time employees and a temp on the web team. We had over 150 users trained to do the migration; some departments assigned more than others. Each department was required to assign someone. As far as I know only a few had any…"
Mar 20
Giovanni V. Diorio posted a group
Mar 20
Giovanni V. Diorio posted a blog post

Sanmita Has New CMS Bundle: AcademicsWeb. Designed and Developed for Educational Institutions

The more I learned about Sanmita, the more I was convinced of an incredibly capable, intelligent, and fully featured web firm, with design, development, and hosting all available. Sites with great flexibility, yet with sensible navigation... fully scalable, all with painless content management after launch. I tested sites they developed on my iPhone, and they automatically adjust (responsive)... no need for an app version. I'm specifically focused on a brilliant new CMS bundle, AcademicsWeb,…See More
Mar 20
Giovanni V. Diorio is now a member of University Web Developers
Mar 20
Jay Massey commented on Cal Anderson's group Terminal Four Site Manager
"Debbie, It was a process, but yes. Once we had approval from leadership to pursue a new website, we presented to our idea for a CMS to the Web Advisor Committee to get their buy-in. We further presented to the executive committee, provost and deans,…"
Mar 20
Natalie Semmler commented on Cal Anderson's group Terminal Four Site Manager
"For us 'buy-in' came from the top-down. All websites are required to be in T4. That being said we conducted over 100 training sessions including using T4, writing for the web, how-to migrate content, and migration workshops. We conducted…"
Mar 20
Jay Massey commented on Cal Anderson's group Terminal Four Site Manager
"We finalized our conversation from a 50,000-page, static, Dreamweaver-maintained site into a T4 CMS-driven site in 2014. We trained 250 campus staff as content providers. We also trained the content providers how to migrate their own content. We now…"
Mar 20
Katie Ryan Lambert joined John Wilson's group
Thumbnail

SharePoint

Share your knowledge about MOSS 2007!
Mar 20
Katie Ryan Lambert joined Inas Hamam's group
Thumbnail

Sharepoint CMS users

For universities using Microsoft Sharepoint
Mar 20
Katie Ryan Lambert commented on Cal Anderson's group Terminal Four Site Manager
"Hi all - we implemented T4 in November 2014. So far the tool is working very well for us. I recently trained 21 people across different departments and they're now empowered to update their own content. The tool was relatively easy for most to…"
Mar 20
Sara Clark posted a discussion

Missouri State University seeks full stack developer/engineer

Missouri State University is accepting applications for a full stack developer/engineer.Position comes with superior benefits, including group health insurance, life insurance, retirement, tuition waivers, wellness programs and professional development opportunities. Learn more about benefits.ResponsibilitiesServes as technical lead to guide Web applications…See More
Mar 20
Debbie joined Cal Anderson's group
Thumbnail

Terminal Four Site Manager

For institutions using Terminal Four's (T4) Site Manager CMS.See More
Mar 20
Erin Leavitt commented on Lynn Zawie's group OmniUpdate
"Calling all OU Campus users! Learn more about the relaunch of the OmniUpdate Community Network where members share tips, tricks, code, and more in this blog post, or see it for yourself at ocn.omniupdate.com "
Mar 19

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