• 

  khoavo

  Participant

  June 7, 2016 at 19:33

  Hi there, how come the background image inserted into a Row is not responsive on mobile device? I thought it would be?

  Please see info in private content. Thanks.

  Please, contact administrator
  for this information.

  #128775 Copied
  8 Answers
  

  Eva Kemp

  Participant

  June 7, 2016 at 20:01

  Hello,

  Try to use this code in Theme Options > Custom CSS > Custom CSS for mobile:

  .upb_row_bg {
     background-size: contain !important;
  }

  Concerning the second issue please provide WP admin credentials in Private Content.

  Regards,
  Eva Kemp.

  #128781 Copied
  

  khoavo

  Participant

  June 8, 2016 at 08:56

  That Custom CSS doesn’t quite work. When viewed on Mobile Device, it’s showing way too much padding area (Top & Below) the background image.

  WP Admin Login is in private content. Thanks.

  Please, contact administrator
  for this information.

  #128827 Copied
  

  Eva Kemp

  Participant

  June 8, 2016 at 11:31

  Hello,

  If the image will be set as full width on mobile in will be stretched.
  So using “contain” value allows to show responsive image.

  I’ve reuploaded the image for Contact page and now it’s shown.
  Clear browser cache and check.

  Regards,
  Eva Kemp.

  #128860 Copied
  

  khoavo

  Participant

  June 8, 2016 at 11:50

  I changed the Row / Background / Background Image Size to “Contain”, but same results. Still stretched out on mobile. See it for yourself from your mobile device. View the “FAQ” and “Contact” Pages on the site.

  Let me know! Thanks!

  #128871 Copied
  

  khoavo

  Participant

  June 8, 2016 at 11:53

  Also, I haven’t had a chance to update to the latest ROYAL Theme June 4 version yet. Any issues being reported thus far? Royal Theme Updates have changed my Theme Option Settings before, so I just want to make sure first. I do it via FTP.

  #128873 Copied
  

  Eva Kemp

  Participant

  June 8, 2016 at 12:00

  Hello,

  Don’t change image size in Row / Background / Background Image Size. Use this code in Theme Options > Custom CSS > Custom CSS for mobile:

  .upb_row_bg {
     background-size: contain !important;
  }

  There are no any problems after theme update.
  Don’t forget to create a back up before starting the process.

  Regards,
  Eva Kemp.

  #128878 Copied
  

  khoavo

  Participant

  June 8, 2016 at 18:44

  All good now. Thanks for your excellent customer support!

  #128934 Copied
  

  Eva Kemp

  Participant

  June 8, 2016 at 19:28

  Hello,

  You’re welcome.

  Regards,
  Eva Kemp.

  #128945 Copied
• Viewing 9 results - 1 through 9 (of 9 total)