ATTENTION, PLEASE READ: New topic creation is disabled, as we have moved to a new support system. Your existing topics will remain, but for all new requests you will need to use the new system. Click here to go to the new support request form.

• Back to forum

  Posted in: Flexform
• November 12, 2014 at 4:07 am #127505
  kucherd

  Member

  Post count: 24

  Hello,

  I’m having some issues with the parallax background image. On mobile devices, (Iphone and Ipad) the image in the background IS NOT responsive. (It IS responsive in Chrome but only on the computer.)

  Also, the content scrolling above the image IS responsive. Is there a way to fix this with custom CSS?

  I opened the site in Safari and Chrome and know for certain the issue only occurs on mobile devices. Safari on the computer works fine.

  thanks for the help!
  Daniela

  November 13, 2014 at 10:15 am #127952
  Mohammad – SUPPORT

  Moderator

  Post count: 27441

  Hi,
  Please use this custom css code:-

  .spb_parallax_asset{
  background-size:100% auto !important;
  }

  Thanks
  Mohammad

  November 13, 2014 at 3:33 pm #128078
  kucherd

  Member

  Post count: 24

  Hi,

  That custom css actually did not work. It made the photo not appear on mobile, and on chrome it created large white blank blocks.

  Daniela

  November 14, 2014 at 9:59 am #128281
  Mohammad – SUPPORT

  Moderator

  Post count: 27441

  Hi,
  Please remove that one code and use this one new code:-

  @media only screen and (max-width: 479px) {
  
  .spb_parallax_asset{
  background-size:100% auto !important;
  }
  
  }

  Thanks
  Mohammad

  November 16, 2014 at 4:51 am #128581
  kucherd

  Member

  Post count: 24

  Hi,

  This is still not giving me the correct results. Again, it made the photo not appear on mobile, and on chrome it created large white blank blocks.

  I would like the image to function similar to danielakucher.com on mobile devices. It is responsive on the desktop and mobile versions.

  November 17, 2014 at 4:55 pm #128935
  Rui Guerreiro – SUPPORT

  Keymaster

  Post count: 25779

  This reply has been marked as private.
  December 30, 2014 at 10:21 pm #138357
  tasoskouk

  Member

  Post count: 148

  hi,

  any news on that? i got same issue here… row image backgrounds are not responsive

  thx

  January 2, 2015 at 12:22 pm #138610
  Rui Guerreiro – SUPPORT

  Keymaster

  Post count: 25779

  Hi,

  I replied in a private reply to @kucherd saying that I could see the background images without any problem. He didn’t replied further.

  Can you provide a screenshot and the url of your site?

  -Rui

  January 5, 2015 at 8:59 am #138906
  tasoskouk

  Member

  Post count: 148

  This reply has been marked as private.
  January 5, 2015 at 5:33 pm #139135
  Rui Guerreiro – SUPPORT

  Keymaster

  Post count: 25779

  This reply has been marked as private.
  January 5, 2015 at 6:06 pm #139141
  tasoskouk

  Member

  Post count: 148

  hi,

  1. i cannot read your answer in the forum (it says its private, although i am logged in…) – i read it on email received & also checked your screenshot

  2. the screenshot u sent proves exactly that the image is cropped and is NOT responsive (check the text inside the image…)

  Plz. get Ed into this loop

  I use firefox & chrome on win 8.1 / macbook retina – firefox responsive, chrome not…

  thx

  January 8, 2015 at 7:12 am #139860
  tasoskouk

  Member

  Post count: 148

  Hi, can u plz check with Ed – thx!

  January 8, 2015 at 6:55 pm #140163
  Rui Guerreiro – SUPPORT

  Keymaster

  Post count: 25779

  Hi,

  You are right about my screenshot.
  Will forward to Ed.

  -Rui

  January 12, 2015 at 9:23 am #140805
  tasoskouk

  Member

  Post count: 148

  Hi,

  plz check

  thx

  January 12, 2015 at 4:36 pm #140988
  Swift Ideas – Ed

  Keymaster

  Post count: 15264

  Hi Tasos,

  I get the same result in Firefox and Chrome. The issue is not with the theme here, it’s that you’ve set the asset to be Window Height. This means that the image has to cover the whole asset, and it will crop off the two sides if the aspect ratio of the window doesn’t match the image.

  This is why we suggest having text in an asset within so this doesn’t get cut off.

  – Ed

• Back to forum

  Posted in: Flexform