[Okta Webinar] Learn how to a build a cloud-first strategyRegister Now

  • Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 414
  • Last Modified:

iPad view of a SharePoint 2007 teamsite

Hi experts!

Have an iPad issue that in the image error.jpg below, the navigation.. when i mouse over the credit card promotions, the menu displays on the "further right side" - mis-alignment.

This is not an issue on the PC web browser.

I have attached the javascript code and CSS below.

Please let me know what do i need to change to ensure it works on the iPad as well, without affecting the PC internet explorer browser

Thanks so much for your help.
  • 2
1 Solution
You have all the dimensioning hard coded in pixels which pretty much guarantees it will not support consistent rendering cross-platform.  So the options are:

Use a separate stylesheet for ipad
Re-calculate your widths to find the optimum values
Use percentages instead of pixels
Modify the design to meet standards

The code looks like it was generated by something from the last century. Scrap it and either learn to do the coding yourself, or get a modern tool.

johncheng78Author Commented:
I do need a fix or advise on which code to change.

The above answer is too generic
The above answer is too generic == I don't know how to code.

Time you learned if you are going to do web development.  The only way to give more detail would to write the code for you, and that is not what we are here for.

You have asked 34 question and 24 are still open.  That indicates that either you have unreasonable expectations or you lack respect for the volunteers on the site.  Either way you are going to find it difficult to get many responses.  This question sat for 9 hours without any kind of response and then it was six days before you acknowledged the post; during which time you posted 6 more questions.  

You are rapidly wearing out your welcome.  I suggest you start working out your issues instead of expecting us to do your work for you.

Sometimes there are question where there is no answer that fits into the realm of EE.

The advice you need here is not "change this line to that" but you need someone to build a site that is cross browser compatible and works on mobile platforms. From what I can see you are quite a distance from this and I agree with Cd& that you need to scrap your code as it is quicker to do it properly than to use something that will always be a compromise.

Your question also does not stop here, what about other mobile platforms?

You need to built a robust solution in HTML5 and you need to have someone build this for you. And it must be evident that you will have to hire someone to do this for you. Or take lessons and learn coding and design...

This is beyond free advice. Respectfully, think of it like a painter and decorator wanting to paint the Mona Lisa. A paint brush alone is not enough.

Featured Post

NFR key for Veeam Agent for Linux

Veeam is happy to provide a free NFR license for one year.  It allows for the non‑production use and valid for five workstations and two servers. Veeam Agent for Linux is a simple backup tool for your Linux installations, both on‑premises and in the public cloud.

  • 2
Tackle projects and never again get stuck behind a technical roadblock.
Join Now