Problem with header photos in iphone safari

Comments

• Phil

  August 2022

  Hi,

  Please, go to Betheme -> Theme options -> Header & Subheader -> Subheader, and change the background position to fixed, but without cover, and check if the display is better.

  

  If the results will not suit you, you need to choose any other position than fixed because it is not supported by iOS.

  
  

  Best regards

  Learn more: Video Tutorials | How To | FAQ Vote on what comes next
• Dmonje

  August 2022 edited August 2022

  Captura de pantalla 2022-08-26 a les 13.18.22.png

  IMG_0001.PNG

  Thank you very much for the answer, would it be possible for the image to be seen complete on mobile devices as on the computer? Keeping the proportion? Now the image does not look complete because it adapts to the device.
• Phil

  August 2022

  Please, try to set the Size to Contain in Betheme -> Theme options -> Header & Subheader -> Subheader.

  

  Thanks

  Learn more: Video Tutorials | How To | FAQ Vote on what comes next
• Dmonje

  August 2022

  
  

  IMG_9B9BCEDA6CA1-1.jpeg

  
  

  Hi!, When I do so, the letters are not visible and the image remains unchanged.
• Dmonje

  August 2022

  Would it be possible to have a different image when seeing the site on mobile?

  Thanks
• Phil

  August 2022

  I have checked that with the iPhone 12, and the display is correct for me.

  

  Please, clear your browser cache, and recheck it.

  
  

  You can have a different background for mobile display with the following CSS code:

  @media only screen and (max-width: 767px){
   #Subheader{
     background-image: url(imageURL)!important;
   }
  }
  

  Thanks

  Learn more: Video Tutorials | How To | FAQ Vote on what comes next