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

Problem with iphone / Ipad / Apple ?

2 years 5 months ago #1

  • Christian's Avatar
  • Christian
  • Posts: 101
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 5 months ago #2

  • Artem's Avatar
  • Artem
  • Posts: 8638
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 5 months ago #3

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

2 years 5 months ago #4

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

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

Regards,
Artem

1 week 3 days ago #5

  • Alberto's Avatar
  • Alberto
  • Posts: 318
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:

1 week 3 days ago #6

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

Send us a link to page with problem.

Regards,
Vyacheslav, Balbooa.com

1 week 3 days ago #7

  • Alberto's Avatar
  • Alberto
  • Posts: 318
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.

1 week 2 days ago #8

  • Vyacheslav's Avatar
  • Vyacheslav
  • Posts: 9603
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

1 week 2 days ago #9

  • Alberto's Avatar
  • Alberto
  • Posts: 318
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?

1 week 2 days ago #10

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

Regards,
Vyacheslav, Balbooa.com
Powered by Kunena Forum