Page 1 of 1
Background to cover on anything less than desktop
Posted: Mon Jan 21, 2019 4:13 pm
by Trugmaker
My Index webpage background is an image. When viewed on a desktop it is perfect but when viewed on a mobile only the lower part of the image shows and does not cover the whole page. Is it possible to have the image both whole and stationary while scrolling?
Re: Background to cover on anything less than desktop
Posted: Mon Jan 21, 2019 4:46 pm
by Pablo
What is the URL of the page and where exact do I need to look?
What are your exact settings?
Re: Background to cover on anything less than desktop
Posted: Mon Jan 21, 2019 6:41 pm
by Trugmaker
www.hellinglylions.org
Settings:- Style - Mode Image - Do not Repeat - Center - Cover
Re: Background to cover on anything less than desktop
Posted: Mon Jan 21, 2019 6:50 pm
by Pablo
"cover + fixed" is not supported by some mobile browsers:
See 'known issues'
https://caniuse.com/#search=background-size
If you use breakpoints then you can set a different background mode for smaller screens.
Re: Background to cover on anything less than desktop
Posted: Mon Jan 21, 2019 11:01 pm
by rogerl
Hi Trug - I had similar issues when I converted to handle mobile and found this extension that sorted most of my issues;
Author Nathan Hill
Android - iphone Full Screen Background
https://www.magicwebdesigners.com/wysiw ... ground.php
$10 US
Small price to pay for peace of mind
There are a couple of others around, but this one was the only one that seemed to work in all the situations I found.
Re: Background to cover on anything less than desktop
Posted: Tue Jan 22, 2019 8:09 am
by zinc
...
Re: Background to cover on anything less than desktop
Posted: Tue Jan 29, 2019 6:00 pm
by Trugmaker
Thanks RogerI - did everything I wanted and incredibly simple, took literally less than a minute to achive, as you suggest $10 small price to pay!
Re: Background to cover on anything less than desktop
Posted: Tue Jan 29, 2019 10:22 pm
by rogerl
Great! Glad it worked for you. Making things work properly on mobile can be a frustrating exercise.
Re: Background to cover on anything less than desktop
Posted: Wed Jan 30, 2019 6:08 pm
by Trugmaker
Any more tips like that Roger?
Re: Background to cover on anything less than desktop
Posted: Wed Jan 30, 2019 11:11 pm
by rogerl
Depends what path you've gone. I used break points, it just seemed simpler than trying to get my head around some of the new stuff. I use layers as my header / banner and ran into problems there - used media queries to sort that. It's all about coping with portrait verses landscape since the page is re-written when person turns the mobile around. For those pages where I decided not to have bps I found a bit of code to force the layer across full screen width.
Text in different browsers displays differently so had to allow more area in text objects to ensure they displayed correctly.
I use a lot of lightbox type screens and had a few issues using magnific popup. Used an extension "jor_magnificManipulation" with some direct help from Jordon fixing some issues related to how I use the software.
"Google" and this Forum also research in "Github" , "Stack Overflow" and direct help from Janis of "Fancybox" all contributed to my conversion. I'm a lot greyer than I used to be, but still an interesting exercise that needs time and patience.