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

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.
Edited Mon Sep 16, 19 12:02 PM by Allira Fontana
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.
Tim Grissett, DIA - PicturesPro.com
My Email Address: info@picturespro.com
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
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.
J
156 posts
Sun Jun 20, 21 12:29 PM CST
I have this issue too! David, where do you put this code?
Jamie
5 total messages
Please log in or Create an account to post or reply to topics.
This post has been viewed 324 times
Category: Site Design
 
Loading more pages
Loading more pages

Sign up for email promotions.

Your information is safe with us and won't be shared.

Thank you for signing up!

 
©2003 - 2021 Grissett, LLC. All Rights Reserved.

By continuing to browse or by clicking Accept Cookies, you agree to the storing of cookies on your device necessary to provide you with the services available through our website.

    Accept   Privacy & Cookie Policy
Loading More Photos
Scroll To Top
Close Window
Loading
Close