0
Welcome Guest! Login
0 items Join Now

ROCKETTHEME IS CLOSING ON JUNE 30, 2025. As a thank-you to our community, enjoy 50% off all themes with the promo code THANKYOU before we shut down. Read our Farewell Blog Post for more details.

SOLVED Need to modify viewport in Gantry 5 to avoid cut-off pages on iPad

Last Post
Search Topic

  • SOLVED Need to modify viewport in Gantry 5 to avoid cut-off pages on iPad

    Posted 9 years 4 months ago
    • The viewport of my Gantry 5 install does not port correctly to iPad, i.e. the rhs of the page is cut off.
      I read on an Apple support forum that, in order for the page to show without cut-offs, the viewport must not be 1 and it was suggested to set it to 1.00001.
      Question is, where do I modify the viewport setting?
      Thank you beforehand for your help.

      Gerard
    #1269422
    • DanG's Avatar
    • DanG
    • Preeminent Rocketeer
    • Posts: 36750
    • Thanks: 3230
    • Custom work done

    Re: SOLVED Need to modify viewport in Gantry 5 to avoid cut-off pages on iPad

    Posted 9 years 4 months ago
    • Gerard Prins wrote:
      The viewport of my Gantry 5 install does not port correctly to iPad,

      Did you mean Gantry 4 as Myriad runs that framework and not Gantry 5.

      Gerard Prins wrote:
      i.e. the rhs of the page is cut off.
      I read on an Apple support forum that, in order for the page to show without cut-offs, the viewport must not be 1 and it was suggested to set it to 1.00001.
      Question is, where do I modify the viewport setting?


      No you don't have to alter viewport as we have correctly set that up for you. All you need is a mediaquery to handle your specific situation.

      If this is a site that is online (just installed, dev or live) could you please supply a link in the Public or SECURE part of your reply so we can better diagnose the issue?
      It makes our suggestions more accurate if we see the actual coding of your site.
    • Last Edit: 9 years 4 months ago by DanG.
    #1269448

  • Re: SOLVED Need to modify viewport in Gantry 5 to avoid cut-off pages on iPad

    Posted 9 years 4 months ago
    • No, I am talking Grantry 5.
      After buying Myriad and reserving it for a client site, I developed another one on Gantry 5 and Hydrogen.
      When the assignment came through, I had already acquired experience with Gantry 5, and comparing the interface of 4, it seemed silly to go back and learn to do that.
      I think 5 is quite a leap forward, so - although a tad disappointed that Myriad does not run on 5 - I decided to book the monies as a donation to the cause ;)

      Back to the issue.
      I'm developing the site in a dev folder and in production mode: reservacosteravaldiviana.cl/rcv4/
      Everything scales just fine once you figure out some of the quirks of Joomla (like if you put an intro or full article picture in the "Images and Links" article option, they won't scale) but on the iPad 1 I get a cut off right edge, both in portrait and landscape.
      Not much, mind you, but just enough to be annoying.
      I don't have other iPads, so have not been able to confirm the issue on later models, but the fact that there is an issue is enough.

      The other issue is that on the first site I developed with Gantry 5.1.6: amsterdampublicidad.com/v4 I was able to put a background image in the header logo/image particle after following the corresponding instructions in the documentation. However, on the new site (Gantry 5.2.8) I could not get it to work, in spite of various attemps and repeating the procedure twice.
      Still worse, when I updated the amsterdampublicidad.com site to 5.2.8, my home pages (NL, ES, EN) started template crashing, and the only way to get them back up is flushing the cache (gantry and rokbooster plus multithumb are typically there) to get the pages back up for just one click to have them crash again.
      Because of this conversation, I checked my default content pages as well, and they are crashing too...
      FYI, I'm running a total of 3 home and 9 default Hydrogen templates, here

      The site has been up and running since october last and I have not made any changes recently.
      It seems fair to assume that the problems have to do with Gantry 5.2.8

      Thanks beforhand for your attention, DanG, I hope you can help me out here.
      My homepage (amsterdam) is not a great concern, but the client's site surely is.

      Cheers
    #1269646

  • Re: SOLVED Need to modify viewport in Gantry 5 to avoid cut-off pages on iPad

    Posted 9 years 4 months ago
    • I can understand you cannot or don't want to solve this prob.
      What I cannot understand is that you don't reply, even if only to say that you can't or are not willing to.
      That would allow me to look for more willing interlocutors, instead of waiting for an answer from you, thank you very much.

      Kind regards,
      Gerard
    #1270824
    • DanG's Avatar
    • DanG
    • Preeminent Rocketeer
    • Posts: 36750
    • Thanks: 3230
    • Custom work done

    Re: SOLVED Need to modify viewport in Gantry 5 to avoid cut-off pages on iPad

    Posted 9 years 4 months ago
    • Gerard Prins wrote:
      I can understand you cannot or don't want to solve this prob.

      No...that will never happen. Just to let you know that the moderator team is spread across different time zones throughout the world and we will help when we are online. Among fourteen moderators we handle 3500 to 5000 posts per month. Please remember that we do this as volunteers between our full-time jobs and our family time. This means that sometimes your posts may not be answered as expediently as you would like.
    #1270841
    • DanG's Avatar
    • DanG
    • Preeminent Rocketeer
    • Posts: 36750
    • Thanks: 3230
    • Custom work done

    Re: SOLVED Need to modify viewport in Gantry 5 to avoid cut-off pages on iPad

    Posted 9 years 4 months ago
    • Gerard Prins wrote:
      I'm developing the site in a dev folder and in production mode: reservacosteravaldiviana.cl/rcv4/
      Everything scales just fine once you figure out some of the quirks of Joomla (like if you put an intro or full article picture in the "Images and Links" article option, they won't scale)
      Thats odd as I've never had an issue with "Images and Links" images being un-responsive. Do you have any examples where I can see this happening?

      Gerard Prins wrote:
      but on the iPad 1 I get a cut off right edge, both in portrait and landscape.
      Not much, mind you, but just enough to be annoying.
      I don't have other iPads, so have not been able to confirm the issue on later models, but the fact that there is an issue is enough.
      So I checked with my ipad-air2 ios9.2.1 and I see EXACTLY the same as here " iPad landscape ยท width: 1024px "
      I don't see anything being cutoff?
      What version of ios are you running?

      Gerard Prins wrote:
      The other issue is that on the first site I developed with Gantry 5.1.6: amsterdampublicidad.com/v4 I was able to put a background image in the header logo/image particle after following the corresponding instructions in the documentation. However, on the new site (Gantry 5.2.8) I could not get it to work, in spite of various attemps and repeating the procedure twice.
      Still worse, when I updated the amsterdampublicidad.com site to 5.2.8, my home pages (NL, ES, EN) started template crashing, and the only way to get them back up is flushing the cache (gantry and rokbooster plus multithumb are typically there) to get the pages back up for just one click to have them crash again.
      Hmm...this really should be straightforward so I'm not sure what your issue is. Would you please start a New Topic for this and post the link back here so I can see it.
    #1270842
    • David Goode's Avatar
    • David Goode
    • Preeminent Rocketeer
    • Posts: 17058
    • Thanks: 890
    • Web Designer and Host

    Re: SOLVED Need to modify viewport in Gantry 5 to avoid cut-off pages on iPad

    Posted 9 years 6 days ago
    • Hi Gerard,

      I am currently going through our old posts and was wondering if you still need help with this issue or can we close it?

    • Please search forums before posting. Please make sure your post includes the version of the CMS you are using and a link to the problem. Annotations on screenshots can also be helpful to explain problems/goals. Please use the "secure" tab for confidential information
    #1295700
    • Henning's Avatar
    • Henning
    • Preeminent Rocketeer
    • Posts: 29363
    • Thanks: 956
    • Volunteer

    Re: SOLVED Need to modify viewport in Gantry 5 to avoid cut-off pages on iPad

    Posted 9 years 6 days ago
    • Just as a little note.
      You cannot upadte the iPad1 to the latest version of Safari.
      It's stuck on version 6 (I hope I remember this right) wich is buggy and crashing often.
      We dont support that old version.

      I suggest to switch to Chrome.
    • Last Edit: 9 years 5 days ago by Henning.
    #1295726

  • Re: SOLVED Need to modify viewport in Gantry 5 to avoid cut-off pages on iPad

    Posted 9 years 5 days ago
    • Yes, you're right. It is stuck on 6.
      I suspected that the problem had to do with the age of the iPad and OS, and will have to live with it.
      After all, probably only a few users will be on such old hardware.
      Thanks!
    #1295926

  • Re: SOLVED Need to modify viewport in Gantry 5 to avoid cut-off pages on iPad

    Posted 9 years 5 days ago
    • Hi David:
      Yes you can close this. I became aware that this issue only happens on the iPad 1
      I will open another thread on the template crashing, as suggested.
      Thank you.
    #1295928

Time to create page: 0.090 seconds