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

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

Kevin Kinder commented on Lynn Zawie's group OmniUpdate
"Your peers can't wait to present at #OUTC16! Read what they are most excited to share with you! "
Thursday
Kevin Kinder commented on Lynn Zawie's group OmniUpdate
"The OmniUpdate Customer Support Team is in the running for People’s Choice Stevie Awards in two categories! Voting ends Feb. 13 so cast your vote today! "
Wednesday
Kevin Kinder commented on Lynn Zawie's group OmniUpdate
"Check out our latest blog post on web accessibility for ways to improve your school’s user experience! "
Wednesday
Kevin Kinder commented on Lynn Zawie's group OmniUpdate
"Time is running out! Today is the last day to save $100 on your registration for #OUTC16. Register now! "
Monday
Eric Castillo is now a member of University Web Developers
Jan 29
Kevin Kinder commented on Lynn Zawie's group OmniUpdate
"Prospective students are now taking action on your website from their phones! Optimize for mobile with these tips."
Jan 27
Profile IconTom McGee and Jason O'Connell joined University Web Developers
Jan 26
Profile IconOwen Savage, Jeremy Pieper and Waylon Baumgardner joined University Web Developers
Jan 25
Deb Withee replied to Deb Withee's discussion HubSpot
"I think I will need to post on the other uwebd listserv also."
Jan 22
Katelyn Colombo replied to Deb Withee's discussion HubSpot
"I'm very interested in this question as well--especially if any universities are using it for alumni communications."
Jan 22
Katelyn Colombo is now a member of University Web Developers
Jan 22
Kevin Kinder commented on Lynn Zawie's group OmniUpdate
"Does your school’s website adapt to the resolution of all devices? Find out how media queries can help!"
Jan 20
Kevin Kinder commented on Lynn Zawie's group OmniUpdate
"Does your school’s website adapt to the resolution of all devices? Find out how media queries can help!"
Jan 20
Samantha C is now a member of University Web Developers
Jan 18
Kevin Kinder commented on Lynn Zawie's group OmniUpdate
"Listen to University of the Incarnate Word talk about the benefits of switching from open source WordPress to OUCampus in our new testimonial video! "
Jan 15
Kevin Kinder commented on Lynn Zawie's group OmniUpdate
" "
Jan 15
Kevin Kinder commented on Lynn Zawie's group OmniUpdate
"Need help building your #OUTC16 schedule? Get tips on which workshops to take in our latest blog post!"
Jan 14
Kevin Kinder commented on Lynn Zawie's group OmniUpdate
"Take your internship program to the next level with these 7 steps from OmniUpdate CEO Lance Merker!"
Jan 12
Beth Hastings posted a discussion

Opening for Web Designer at Columbia College

We have a job opening for a Web Designer at Columbia College, in central Missouri.The 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…See More
Jan 12
Deb Withee posted a discussion

HubSpot

Any present or past users of HubSpot out there?Interested in your opinion.- How are individuals trained to use the system? (in person, online?)- How is the customer service?- Are analytics true to results?- Other comments.Deb WitheeCollege of Arts and SciencesWestern Michigan Universitydeb.withee@wmich.eduSee More
Jan 12

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

© 2016   Created by Mark Greenfield.   Powered by

Badges  |  Report an Issue  |  Terms of Service