ROW background image on mobile phone - Forum | JoomShaper
Solved SP Page Builder

ROW background image on mobile phone

Asked by Edze de Boer 4 years ago Last activity 4 years ago

Hi guys,

Website www.mk-cars.nl

ROW background image 3000 x 1500 pixels.
Looks nice on large screen.

Which settings should I use to display the ROW background on a mobile phone?
Is there a manual for this?

Kind regards,
Edze de Boer

Accepted answer

Marked as the solution
Paul Frankowski Senior Staff
4 years ago · edited

Scroll. or leave without any choice.

2 more replies

Oldest first Newest first Most helpful
Paul Frankowski Senior Staff
4 years ago · edited

Hi Edze,

For sure do not use both Cover and Fixed values if you use iOS browser. Yes, we informed about that many times. Not only we but all webmasters for all CMS.

background-cover-fixed.png

So my suggestion is....
Create separate Row for Mobile view only with:

  1. Smaller Image, not so HUGE as you have, nobody have width 3000px in his phone, 860px max!
  2. Use only Cover value! If you have to, but No Fixed!!
Edze de Boer Asked this
4 years ago

Hi Paul,

Thank you, this looks a lot better on mobile!
I made a ROW for mobile, I changed the pics for mobile to 860 x 1190 pixels.
Background size: Cover
Background position: Center Center

Still not sure about the use of Background attachment.
Should I choose Scroll or Inherit?

Kind regards,
Edze

Log in to reply.