background image in row - safari error - Codeless Support Center

- 8 years, 6 months ago DTIAWEB
  Participant
  
  Expired
  
  Hellow.
  when i use more than one background image in row type “full witch background” with parallax effect. The image not show in safary, ipad, iPhone etc…
  
  test.
  
  Inicio
  
  Thanks
- 8 years, 6 months ago Mirela
  Participant
  
  Hello,
  
  Can you please explain how did you do this? It is not possible to chose more than one image per row, in row settings.
  
  Best regards!
- 8 years, 6 months ago DTIAWEB
  Participant
  
  Expired
  
  Sorry.
  
  Differents rows with background image
  
  test in https://beta.agredasa.es
- 8 years, 6 months ago Mirela
  Participant
  
  Hello,
  
  This is strange. It does not happen on our side and you do not have any error in your site. Can you please post your login credentials in a private reply? So we can give it a closer look.
  
  Best regards!
- 8 years, 6 months ago DTIAWEB
  Participant
  
  Expired
  
  This reply has been marked as private.
- 8 years, 6 months ago Mirela
  Participant
  
  Hello,
  
  Sorry for the inconvenience. We did the necessary checks and you are right. We are working on this now and will get back to you soon. In the mean time please disable the parallax effect in both rows.
  
  Best regards!
- 8 years, 6 months ago DTIAWEB
  Participant
  
  Expired
  
  <pre id=”tw-target-text” class=”tw-data-text vk_txt tw-ta tw-text-small” dir=”ltr” style=”text-align: left; height: 48px;” data-fulltext=”” data-placeholder=”Traducción”><span lang=”en”>I hope it is solved soon. I’m waiting.
  Thank you so much</span>
- 8 years, 6 months ago Mirela
  Participant
  Hello,
  
  Apologies for the late reply.
  Please add this code into your custom css box:
  
  .section-style.parallax_section { background-attachment: scroll; }
  
  Let us know.
  
  Best regards!
- 8 years, 6 months ago DTIAWEB
  Participant
  
  Expired
  
  This reply has been marked as private.
- 8 years, 6 months ago Mirela
  Participant
  
  This reply has been marked as private.
- 8 years, 6 months ago DTIAWEB
  Participant
  
  Expired
  
  This reply has been marked as private.
- 8 years, 6 months ago Mirela
  Participant
  Hello,
  
  I edited the code to this:
  
  @media only screen and (-webkit-min-device-pixel-ratio: 1) { ::i-block-chrome, .section-style.parallax_section { background-attachment: scroll; } }
  
  So it will affect only safari browser. Please check your site.
  
  Best regards!
- 8 years, 6 months ago DTIAWEB
  Participant
  
  Expired
  
  Hello, Thanks for your reply.
  
  Now, the background parallax effect looks well in all browsers but the background image in Safary is hidden.
  
  Thanks
- 8 years, 6 months ago Mirela
  Participant
  
  Hello,
  
  Can you please be more specific? I do see all background images in safari as well (screenshot).
  
  Best regards!
- 8 years, 6 months ago DTIAWEB
  Participant
  
  Expired
  
  Hellow
  
  In ipad Safari Browser img
  
  Thanks
- 8 years, 5 months ago DTIAWEB
  Participant
  
  Expired
  hello
  
  When insert the first code :
  
  .section-style.parallax_section { background-attachment: scroll; }The background looks on Ipad. But the background start position in all navigators is incorrect and a strange effect occurs. When insert the second: @media only screen and (-webkit-min-device-pixel-ratio: 1) { ::i-block-chrome, .section-style.parallax_section { background-attachment: scroll; } } The background parallax effect looks well in all browsers but the background image in Ipad is hidden. thanks.
- 8 years, 5 months ago Mirela
  Participant
  
  Hello,
  
  Can you tell us the browser version you are using in ipad? What ios is your ipad running?
  
  Best regards!
- 8 years, 5 months ago DTIAWEB
  Participant
  
  Expired
  
  ios: 9.3.2
- 8 years, 5 months ago DTIAWEB
  Participant
  
  Expired
  
  This reply has been marked as private.
- 8 years, 5 months ago Mirela
  Participant
  Hello,
  
  Sorry for the late reply.
  I don’t have an ipad here and that makes it a bit difficult to debug. I added this code into your custom css box:
  
  /* ----------- iPad 1 and 2 ----------- */ /* Portrait and Landscape */ @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) { .section-style.parallax_section { background-attachment: scroll; } } /* ----------- iPad 3 and 4 ----------- */ /* Portrait and Landscape */ @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) { .section-style.parallax_section { background-attachment: scroll; } } .iOS-device .section-style.parallax_section { background-attachment: scroll;}
  
  Please check it and let me know. Send us some screenshots so i can understand better what are you seeing.
  
  Best regards!
- 8 years, 5 months ago DTIAWEB
  Participant
  
  Expired
  
  This reply has been marked as private.
- 8 years, 5 months ago DTIAWEB
  Participant
  
  Expired
  
  This reply has been marked as private.

Viewing 21 reply threads

You must be logged in to reply to this topic.

Community Forums

background image in row – safari error

Site Links

Useful Articles

Login