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
"Don't miss out on today's webcast: How to Handle the Google Mobilegeddon happening at 11 am PDT with our friends at Converge Consulting! Learn about the impact of Google's recent mobile-friendly update, tips to keep your…"
yesterday
Profile IconUniversity of Victoria and Ewa Zennermann joined University Web Developers
Wednesday
Colleen Brennan-Barry posted a discussion

HighEdWeb Invites Nominations for Board of Directors

The Higher Education Web Professionals Association Board of Directors is the governing body of the Association, working to create and manage policy, coordinate business issues, and manage the growth and prosperity of HighEdWeb. The Board meets monthly to discuss updates and issues, and works to lead various Association initiatives year-round.There are several open Director spots, due to growth and natural term expiration, and so HighEdWeb is now inviting nominations. Nominations (of yourself or…See More
May 20
Beth Hastings posted a discussion

Web Designer opening - Columbia, Missouri

Job SummaryThe Web Designer position works closely with various college departments to create and maintain a college website that is marketing focused and content driven. This individual is a talented and creative graphic designer with strong background in designing modern and innovative web pages. The ability to implement the designs into working web pages using front-end development skills in HTML5 and CSS3 is key.Essential FunctionsDesign visually-appealing, innovative web pages and graphics…See More
May 20
Erin Leavitt commented on Lynn Zawie's group OmniUpdate
"New blog post from Jim Heiney of Lock Haven University: The Perils and Perks of Outside Consultants "
May 20
Matt Herzberger replied to Doug Thompson's discussion Transitioning course catalog from old-school InDesign/PDF to web-based system...
"More than anything I would suggest focusing on workflow and how you can manage the process similar to that of the offline pdf creation process. So might want to do a proof of concept with wordpress to see if you can pull it off and then also looked…"
May 20
Doug Thompson posted a discussion

Transitioning course catalog from old-school InDesign/PDF to web-based system...

So, the "powers that be" here are looking into various catalog systems...for next year.In the meantime, we're now working on our (hopefully last) old-school InDesign/PDF catalog, and I got to thinking...maybe it would be a good thing to do some sort of web-based static page (to keep it simple, for now) catalog this time around, to make the transition next year to whatever catalog system the "powers that be" decide upon an easier one.We have a Wordpress instance and then we have our regular…See More
May 19
Edward Terry posted a discussion

Web Designer - Austin, TX

I have this open only for a day or so. Please let me know if I can answer any questions.http://www5.austincc.edu/ehire/posting/online_version.php?job_num=1410053See More
May 18
Erin Leavitt commented on Lynn Zawie's group OmniUpdate
"Join us on Thursday, May 28 at 11 am PT when Becky Vardaman and Robyn Anderson from Converge Consulting and our very own Rich Paul discuss the impact of Google's recent mobile-friendly update. Register now!"
May 15
Ronna Johnston added a discussion to the group Mobile
Thumbnail

Conference Mobile App

We are hosting a large conference in 2016 and looking for a simple mobile app to use, we don't have time to build one in house. Just something with venue info and sessions as a base. Does anyone have suggestions? Thanks much!Ronna JohnstonUniversity of Northern ColoradoSee More
May 14
Brent Schneider joined DNI's group
Thumbnail

Cascade Server CMS

For folks who use (or are interested in) Hannon Hill's Cascade Server CMS productSee More
May 14
Erin Leavitt commented on Lynn Zawie's group OmniUpdate
"New article featured in Career College Central about course catalogs by Lance Merker: "Going Mobile: Five Steps to a Mobile-Friendly Course Catalog"  "
May 14
Erin Leavitt commented on Lynn Zawie's group OmniUpdate
"A BIG OmniUpdate welcome to Iowa Western Community College!"
May 13
Jeff Rauschert replied to Katie Ryan Lambert's discussion Website Redesign - Change Management & Communications
"Katie, we are in the same boat as you. We will be changing to a site that focuses more on prospective students, moving non-related content to SharePoint. We have similar concerns but are going in with a plan of cutting our number of content authors…"
May 13
Profile IconJeff Rauschert and Steve Kellman joined University Web Developers
May 13
Erin Leavitt commented on Lynn Zawie's group OmniUpdate
"Rogue websites can cause all kinds of problems for your higher ed website, but how do you stop them for good? Check out these steps in today's blog post "Taming the Beast: Rogue Websites in Higher Ed" Taming the Beast: Rogue…"
May 12
BlueNorma joined Lynn Zawie's group
Thumbnail

OmniUpdate

Share your experiences using OmniUpdate CMS
May 7
Erin Leavitt commented on Lynn Zawie's group OmniUpdate
"Congratulations to University of Michigan School of Public Health for going live in OU Campus v10 with design by Michigan Creative! sph.umich.edu  "
May 7
Erin Leavitt commented on Lynn Zawie's group OmniUpdate
"Today's blog post sums up the Higher Ed Live Special Edition broadcast, “The Catalog to End All Catalogs,” with Nathan Gerber from Utah Valley University and Dawn Truelsen from Fresno State. Get the scoop! "
May 5
Marj Esch is now a member of University Web Developers
May 5

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