Mon. - Fri. 9 am - 5 pm Ask a Question
Remember me

Problem with iphone / Ipad / Apple ?

2 years 8 months ago #1

  • Christian's Avatar
  • Christian
  • Posts: 107
Hi,
After fninishing site, a client told me that his site in mobiles (just Apple)where not shown right.

In Gridbox (phone editor) its looking well. On my android and windowsphone, Android tablett all is loking perfect. But ONly on apple there is a problem.

Some one the same problem ? What can I do ?
Attachments:

2 years 8 months ago #2

  • Artem's Avatar
  • Artem
  • Posts: 8674
Hi, Christian!

I want to inform you, that IOS devices don't support simple CSS rule background-attachment: fixed,
:lol:

So, you need to open mobile editor and for all backgrounds set background-attachment: scroll,

Here is a screen:


Many thanks,
Artem, Balbooa.com

2 years 8 months ago #3

  • Christian's Avatar
  • Christian
  • Posts: 107
Thats it ... You saved my Day - thanks a lot

2 years 8 months ago #4

  • Artem's Avatar
  • Artem
  • Posts: 8674
You're welcome :)

Love our extensions and Support? Leave a Testimonial B)
support.balbooa.com/leave-a-testimonial

Regards,
Artem

3 months 2 weeks ago #5

  • Alberto's Avatar
  • Alberto
  • Posts: 388
Hy Hrtem,
i have a similar problem with dauphin theme and room app.
If i see tablet version from editor it looks good (see image 1.jpg attached).
If i see tablet version on ipad with google chrome it is not the same (sede image 2.jpg attached).
Many thanks
Attachments:

3 months 2 weeks ago #6

  • Vyacheslav's Avatar
  • Vyacheslav
  • Posts: 11200
Hello,
Thank you for contacting us

Send us a link to page with problem.

Regards,
Vyacheslav, Balbooa.com

3 months 2 weeks ago #7

  • Alberto's Avatar
  • Alberto
  • Posts: 388
Many thanks Vyacheslav
site is under construction but i sent, with your contact form, the credentials for access to the backend where after you can access the frontend of website.

3 months 2 weeks ago #8

  • Vyacheslav's Avatar
  • Vyacheslav
  • Posts: 11200
Hello,

Thank you for contacting us!

We have fixed an issue!

We added the this code to you in the code editor.
@media screen and (min-color-index:0) and(-webkit-min-device-pixel-ratio:0) { 
    @media(max-width: 1024px) {
        .column-wrapper{
            overflow: visible !important;
        }
    }
}

@supports (-webkit-text-size-adjust:none) and (-webkit-marquee-repetition:infinite) and (object-fit:fill) {
    @media(max-width: 1024px) {
        .column-wrapper{
            overflow: visible !important;
        }
    }
}

@media not all and (min-resolution:.001dpcm) { 
    @media(max-width: 1024px) {
        .column-wrapper{
            overflow: visible !important;
        }
    }
}

Regards,
Vyacheslav, Balbooa.com

3 months 2 weeks ago #9

  • Alberto's Avatar
  • Alberto
  • Posts: 388
Very good..
Many thanks for the help.
Now works good on tablet.
About the problem of background fixed with apple is possible to set fixed in desktp version and scroll on tablet and mobile?

3 months 2 weeks ago #10

  • Vyacheslav's Avatar
  • Vyacheslav
  • Posts: 11200
Answer in this post:
support.balbooa.com/forum/gridbox/2778-p...one-ipad-apple#12403

Regards,
Vyacheslav, Balbooa.com
Powered by Kunena Forum