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

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 this great opportunity. Participate in Real Story Group's Web Content Management Survey and get a summary of the results. "
8 hours ago
Sara Clark posted a discussion

Missouri State University seeks videographer/editor

Missouri State University is accepting applications for a videographer/editor for marketing and communications.Position comes with superior benefits, including group health insurance, life insurance, retirement, tuition waivers, wellness programs and professional development opportunities. Learn more about benefits.ResponsibilitiesOrganizes, records and…See More
yesterday
Erin Leavitt commented on Lynn Zawie's group OmniUpdate
"Have you heard? OmniUpdate has a Pinterest Page! We created the page to showcase our customers' awesome web pages and projects for inspiration and motivation. Learn more on our blog. "
Friday
Andrew Collington is now a member of University Web Developers
Jan 21
Erin Leavitt commented on Lynn Zawie's group OmniUpdate
"Lance Merker, President and CEO of OmniUpdate, reflects on our 2014 accomplishments. Read it now on the blog! "
Jan 20
Erin Leavitt commented on Lynn Zawie's group OmniUpdate
"OU Campus users, have you signed up for this month's Training Tuesday? Don't miss out. Join us Tuesday, January. 27th, 2015 at 11:00 am PT and learn how to integrate social media channels together with OU Mashup!"
Jan 19
Erin Leavitt commented on Lynn Zawie's group OmniUpdate
" If you’ve performed a search on omniupdate.com recently, you probably found our new and improved search solution! Find out why it's better on our blog. "
Jan 15
Erin Leavitt commented on Lynn Zawie's group OmniUpdate
"Joining the OU Campus user community is Jackson State Community College. WELCOME!"
Jan 13
Alisa Harrison joined Lynn Zawie's group
Thumbnail

OmniUpdate

Share your experiences using OmniUpdate CMS
Jan 12
Alisa Harrison is now a member of University Web Developers
Jan 12
Erin Leavitt commented on Lynn Zawie's group OmniUpdate
"Voltaire Santos Miran, Co-founder and CEO of mStoner, speaks to Lance Merker, OmniUpdate’s President and CEO, about changes in the higher education industry. Check it out!"
Jan 9
Erin Leavitt commented on Lynn Zawie's group OmniUpdate
"First new customer of the new year. Welcome Grambling State University to the OmniUpdate Family! "
Jan 8
Erin Leavitt commented on Lynn Zawie's group OmniUpdate
"With the Email Campaign Manager module in OU Campus, your users are empowered to easily create, send, and monitor emails. Find out more about this great module and learn how it can help your institution better its email communication in our…"
Jan 7
Erin Leavitt commented on Lynn Zawie's group OmniUpdate
"Shout out to Ryan Garcia who has shaped the CSU Channel Islands website! He was featured in Channel Magazine: Alum Works to Showcase CI"
Jan 6
Profile IconBrian Ireley and Matt Heitto joined University Web Developers
Jan 5
Mandi Hix joined DNI's group
Thumbnail

Cascade Server CMS

For folks who use (or are interested in) Hannon Hill's Cascade Server CMS productSee More
Dec 31, 2014
Erin Leavitt commented on Lynn Zawie's group OmniUpdate
"Is your institution providing the robust web presence its audience needs? If not, this New Year calls for a new web CMS! Check out how to choose the right CMS in our blog! "
Dec 30, 2014
Janus Boye posted a discussion

J. Boye Philadelphia 15 conference for web developers and digital leaders

Hello uwebd community,We at J. Boye have had the pleasure of meeting many of you at our annual, international web conferences in Philadelphia since 2009.  Once again, we will return to Philly in May for a few days of insights, inspiration, practical case studies and of course world-class keynotes. The conference features 40+ speakers from around the United States and Europe, 8 tracks and 8 workshops.On the program is also 4 social events and an opportunity for an early morning run with the…See More
Dec 29, 2014
Erin Leavitt commented on Lynn Zawie's group OmniUpdate
"Congratulations to Potomac State College of WVU for going live with their redesigned home page‬ potomacstatecollege.edu "
Dec 29, 2014
Sara Arnold commented on Lynn Zawie's group OmniUpdate
"Who should be seeing your institution’s website analytics? Find out in today's blog post!"
Dec 23, 2014

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