If you have a support question or comment, click the Post New Topic link below. Sytist Manual | Sytist Articles | Facebook Page.

Mobile Home Page Looks Bad

 
Please log in or Create an account to post or reply to topics.
 
pierre chiha
Thu Jan 11, 18
3:58 PM
Hi Tim,

I'm wondering why the photos on my home page for Chiha.com on the mobile version look terrible. They're totally chopped off and often don't even see the subject in the photo.

Obviously I picked photos that look great formatted for desktop. Is there a way to have a different version of my homepage strictly for mobile? Or to at least reposition the photos for mobile version?

What can I do? I don't want to just 'pick a photo that works for both'
Tim - PicturesPro.com
admin
Fri Jan 12, 18
4:42 AM
You are using a full-screen billboard in which the photo fills the container / viewing area. So yes, portions will be cropped when viewing on mobile because the ratio of the screen the photo is filling is different.

Something you can try is go to Design -> Edit My Theme, click additonal CSS in the left menu and add this code

@media (max-width: 800px) {
#neatbbslides { height: 50VH !important; }
}

This will make it so it only fills the top half of the screen on mobile (or when the screen resolution is under 800 pixels wide).
 
 
 
 
 
Tim Grissett, DIA - PicturesPro.com || My Email Address: info@picturespro.com
pierre chiha
Fri Jan 12, 18
12:06 PM
Ok... a little better but why is there that white gap between the photo and the footer? Can I eliminate that? And how do I make the studio name bigger/fill the screen more with less gap between the name and the menu bar??
Attached Photos
Tim - PicturesPro.com
admin
Sun Jan 14, 18
9:02 AM
The white gap is where content would normally display. But since there is no content, it is just blank. I tried everything I could think of to change that just for the home page but I don't have a solution for you.

For the logo on mobile, you can replace the code I posted above with the following

@media (max-width: 800px) {
#neatbbslides { height: 50VH !important; }
#header img { margin-top: 24px; }
}

You may have to adjust the 24 pixel value above.
 
 
 
 
 
Tim Grissett, DIA - PicturesPro.com || My Email Address: info@picturespro.com
pierre chiha
Tue Jan 16, 18
4:42 PM
Is there a way to have just the home page background color black?
How do I add a tag line under my main logo?
Tim - PicturesPro.com
admin
Wed Jan 17, 18
7:26 AM
Site Content -> Manage Home Page

Click the Video section and in the video embed area add this code to make the background black
<style>
html,body,#page-wrapper,#main_container { background: #000000; }
</style>

How do I add a tag line under my main logo?
Design -> Header & Footer and type it in under your logo.
 
 
 
 
 
Tim Grissett, DIA - PicturesPro.com || My Email Address: info@picturespro.com
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 - 2017 Grissett, LLC. All Rights Reserved.
Loading More Photos
Scroll To Top
Close Window
Loading
Close