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

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

Jeffrey Garner posted a discussion

Website Developer opening at FGCU

Details at: https://jobs.fgcu.edu/postings/3766We are implementing the OmniUpdate CMS and going through a full site redesign. This is an exciting time to be on the Florida Gulf Coast University web team!Please share this great job lead!See More
Tuesday
Lauren Zakich commented on Lynn Zawie's group OmniUpdate
"Registration for our 2017 OmniUpdate User Training Conference is now OPEN! Visit our conference website for speaker information, registration, workshops, things to do in San Diego, and other awesome stuff. "
Jan 13
William Hadley joined DNI's group
Thumbnail

Cascade Server CMS

For folks who use (or are interested in) Hannon Hill's Cascade Server CMS productSee More
Jan 5
William Hadley joined Mark Greenfield's group
Thumbnail

Accessibility

This group is for all those interested in Web Accessibility.See More
Jan 4
Lauren Zakich commented on Lynn Zawie's group OmniUpdate
"With registration opening soon for the 2017 OmniUpdate User Training Conference, we thought we'd spread some holiday cheer by giving you reasons to put OUTC17 on your wish list! "
Dec 16, 2016
Profile IconRonan McDonnell, David White, Adam HIlls-Meyer and 2 more joined University Web Developers
Dec 12, 2016
Lauren Zakich commented on Lynn Zawie's group OmniUpdate
"Give a warm welcome to East Mississippi Community College! "
Nov 7, 2016
Profile IconAdam Arrowood, Pete Nowak, GEORGE JAMES and 1 more joined University Web Developers
Nov 1, 2016
Lauren Zakich commented on Lynn Zawie's group OmniUpdate
"Do you want to present at our 2017 OmniUpdate User Training Conference but still need an idea? Today’s blog post has presentation topics and more about OUTC17! "
Oct 25, 2016
Lauren Zakich commented on Lynn Zawie's group OmniUpdate
"What should you know before building the structure of your site content? Check out today’s post inspired by mStoner!"
Oct 21, 2016
Artur Charukhchyan posted a discussion

Recommendations for an outsourced web dev company

Hello,I'm in charge of information systems at SUNY Orange, but our budget isn't currently allowing us to hire a full-time web developer, so I was looking for outsourced solutions that other institutions can recommend. We have a few PHP/MySQL applications, and will be shortly moving to OmniUpdate as far as general content management. We also have a Luminis portal.Any suggestions?Thank you in advance.ArturSee More
Oct 21, 2016
Lauren Zakich commented on Lynn Zawie's group OmniUpdate
"Help us welcome Michigan Technological University to our OmniUpdate family!"
Oct 20, 2016
Lauren Zakich commented on Lynn Zawie's group OmniUpdate
"Our newest module, Emergency Alerts, was developed based on our customers’ feedback. Learn more in today’s blog post! "
Oct 7, 2016
Lauren Zakich commented on Lynn Zawie's group OmniUpdate
"We love when our customers succeed. Saint Louis University’s new website has been named best in class by the Interactive Media Awards. Congratulations, SLU!"
Oct 4, 2016
Lauren Zakich commented on Lynn Zawie's group OmniUpdate
"Join us in welcoming Jacksonville University to the OmniUpdate family! "
Sep 29, 2016
Catherine Donnelly replied to Mark Greenfield's discussion The Future of the UWEBD Social Network
"I would support using LinkedIn for this group (and have confirmed that I am a member over there).  Generally I  follow highered topics/people on twitter, but long-range/complicated discussions are impossible on that platform. A combo of…"
Sep 27, 2016
Lauren Zakich commented on Lynn Zawie's group OmniUpdate
"Jim Heiney from Lock Haven University shares his advice on how an editorial calendar can help keep your web content up to date and engaging in today’s blog post.  "
Sep 22, 2016
Lauren Zakich commented on Lynn Zawie's group OmniUpdate
"We have a new addition to our OmniUpdate family. Welcome, Cerritos College! "
Sep 21, 2016
Lauren Zakich commented on Lynn Zawie's group OmniUpdate
"Emergency Alerts for OU Campus allows you to communicate with students, staff, and the community with custom website announcements. When time matters most, make sure your website is the go-to place for info."
Sep 20, 2016
Neil Joellenbeck replied to Mark Greenfield's discussion The Future of the UWEBD Social Network
"This is the first time I have been here in a long time. Selfishly, I would hope that you would be able to continue the site, but I understand realities. As I re-acquaint myself, I'm seeing a lot of value in what you have tirelessly built.…"
Sep 16, 2016

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