To post a new support question, click the Post New Topic button below.
Current Version: 4.8.5 | Sytist Manual | Common Issues | Feature Requests
Please log in or Create an account to post or reply to topics.
You will still receive notifications of replies to topics you are part of even if you do not subscribe to new topic emails.
Billboard Not Formatting To Fit On Mobile Devices
Allira Fontana
45 posts
Mon Sep 16, 19 12:02 PM CST
Hello :)
I am redoing my home page and would like too have a large billboard/slideshow of images that fills the width of a screen, but will also resize to fit on smaller screens and mobile device. Right now, I have a standard billboard that is inside the page content container and is working perfectly, but when I go to make it full width it will not scale down the images correctly on smaller screens and the images are not fully viewable. Is there a way to do this so all the image is seen, no matter how small it scales to?
I have tried this with the standard billboard, and the billboard in the design manager.
Thank you for your help.
I am redoing my home page and would like too have a large billboard/slideshow of images that fills the width of a screen, but will also resize to fit on smaller screens and mobile device. Right now, I have a standard billboard that is inside the page content container and is working perfectly, but when I go to make it full width it will not scale down the images correctly on smaller screens and the images are not fully viewable. Is there a way to do this so all the image is seen, no matter how small it scales to?
I have tried this with the standard billboard, and the billboard in the design manager.
Thank you for your help.
Edited Mon Sep 16, 19 12:02 PM by Allira Fontana
Tim - PicturesPro.com
16,151 posts
(admin)
Tue Sep 17, 19 5:45 AM CST
Standard billboards (design -> billboards), the first 2 options:
* Inside page content container (fixed width / height ratio)
* Below menu & above page content container (fixed width / height ratio)
Will resize and the photo container ratio will be the same on the computer and mobile.
If you select:
* Full Screen (screen height)
It will be "full screen" on every device.
Any of them some cropping will occur because the photo is filling the container / design element.
* Inside page content container (fixed width / height ratio)
* Below menu & above page content container (fixed width / height ratio)
Will resize and the photo container ratio will be the same on the computer and mobile.
If you select:
* Full Screen (screen height)
It will be "full screen" on every device.
Any of them some cropping will occur because the photo is filling the container / design element.
Tim Grissett, DIA - PicturesPro.com
My Email Address: info@picturespro.com
My Email Address: info@picturespro.com
Allira Fontana
45 posts
Tue Sep 17, 19 10:15 AM CST
I find the inside page content container scales down perfectly on any device which is good. Is there no way to have one filling up the length of the screen that scales with mobile? I find many of my website visits are mobile viewers, so I do not want my main slideshow to cut off half the subjects.
D
David Coxsell
149 posts
Wed Sep 18, 19 3:32 PM CST
Are you using billboards in Page Designer or the other billboard option?
If page designer then I figured out a css hack that made mine look better on mobile devices.
At least I think so anyway.
@media only screen and (max-width: 768px) {
.sshow {height: 350px !important;}
}
Change the height to how you would like it.
If page designer then I figured out a css hack that made mine look better on mobile devices.
At least I think so anyway.
@media only screen and (max-width: 768px) {
.sshow {height: 350px !important;}
}
Change the height to how you would like it.
J
Jamie Elle
156 posts
Sun Jun 20, 21 12:29 PM CST
I have this issue too! David, where do you put this code?
Jamie
Please log in or Create an account to post or reply to topics.
Loading more pages