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

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

Linda Faciana commented on Lynn Zawie's group OmniUpdate
"Join us for our next webcast with April Buscher from Montana State University Billings to learn how blind readers and people with hearing impairment view and read your website and how you can make it accessible to them. http://bit.ly/2zhdcIt"
Wednesday
Amanda Lawson joined Lynn Zawie's group
Thumbnail

OmniUpdate

Share your experiences using OmniUpdate CMS
Aug 9
Amanda Lawson posted a photo

Amanda Lawson

Amanda Lawson, Web Content ManagerCommunity College of Allgheny County
Aug 9
Sara Arnold commented on Lynn Zawie's group OmniUpdate
"High schoolers spend more time on their digital devices than they do sleeping, doing homework, or participating in extracurricular activities. So how do you make your message stand out to them? #eexpect http://bit.ly/2MOIIWC"
Aug 8
Linda Faciana commented on Lynn Zawie's group OmniUpdate
"Want to increase digital engagement with high school juniors and seniors? Join our next webcast with Stephanie Geyer from Ruffalo Noel Levitz as she shares new data from the 2019 E-Expectations Trend Report on email, paid media, and social media…"
Jul 31
Charlie Holder joined DNI's group
Thumbnail

Cascade Server CMS

For folks who use (or are interested in) Hannon Hill's Cascade Server CMS productSee More
Jul 26
Linda Faciana commented on Lynn Zawie's group OmniUpdate
"Is your website in compliance with the new WCAG 2.1? Join our webcast to learn various accessibility guidelines, what’s new in 2.1, and more! http://bit.ly/2zhdcIt"
Jul 22
Sara Arnold commented on Lynn Zawie's group OmniUpdate
"Even though GDPR has been in effect for over a year, many U.S. colleges and universities are still struggling with how best to implement the rules. We’re here to help. http://bit.ly/2YZZtRQ"
Jul 18
Sara Arnold commented on Lynn Zawie's group OmniUpdate
"Does your college or university website meet the new WCAG 2.1 accessibility standards? http://bit.ly/2JBXD3s"
Jul 12
Linda Faciana commented on Lynn Zawie's group OmniUpdate
"Join us for our next webcast with Eric Turner from Mt. San Antonio College, who will share easy steps to make your website GDPR compliant. http://bit.ly/2zhdcIt"
Jul 10
Linda Faciana commented on Lynn Zawie's group OmniUpdate
"It is always important to make a good first impression! Join Aaron Blau from Converge Consulting as he covers ways to make your web content attractive to your target audience and create an authentic brand message. http://bit.ly/2zhdcIt"
Jun 19
Jon Shaw posted a discussion

email obfuscation

Anyone using a javascript or php email obfuscation library that is effective for spam defense?See More
Jun 11
Linda Faciana commented on Lynn Zawie's group OmniUpdate
"Join us for our next webcast with Kelly Bostick from University of Arkansas who will provide some great tips on ways to ensure that all of your digital content is accessible. http://bit.ly/2zhdcIt"
Jun 6
Sara Arnold commented on Lynn Zawie's group OmniUpdate
"Creating and producing website content is just the tip of the iceberg. In our latest white paper, learn how to manage that content to help your website reach its fullest marketing and recruiting potential. http://bit.ly/30WJ0PW"
May 30
Sara Arnold commented on Lynn Zawie's group OmniUpdate
"A college or university website redesign is the most effective and cost-efficient way to attract and recruit new students. Download our ultimate guide to get started on your redesign today! http://bit.ly/30MmcSQ"
May 28
Cody Bryant is now a member of University Web Developers
May 20
Linda Faciana commented on Lynn Zawie's group OmniUpdate
"Join us for our next webcast with Rachael Frank from Gravity Switch to learn how to organize your content and messaging for a website redesign. http://bit.ly/2zhdcIt"
May 16
Sara Arnold commented on Lynn Zawie's group OmniUpdate
"Capitalize on content by creating an editorial calendar for your college or university website. Here’s how: http://bit.ly/2WCauaY"
May 9
Sara Arnold commented on Lynn Zawie's group OmniUpdate
"A soft launch of your website redesign is well worth the extra time. Find out why. http://bit.ly/2LfeigX"
May 2
Linda Faciana posted a blog post

Webcast - Website Redesign | The importance of using content inventories

Join us for our next webcast with Laura Lehman from Eastern Mennonite University to learn how to effectively use Google Sheets during a website redesign and migration! http://bit.ly/2zhdcItSee More
May 1

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

© 2019   Created by Mark Greenfield.   Powered by

Badges  |  Report an Issue  |  Terms of Service