Image Issues on Front Page?

I would recommend linking to maybe 1 or 2 smaller versions of your main Image once your site is viewed on smaller devices (I can help you with this).

For the desktop/laptops, the image you have already should work fine. If you’re going to view your site from a tablet or mobile/phone, then I would use an image that has your face more towards the center (horizontally).

What I’ve done in the past is upload an image that focuses on the person’s face/body in the center of the image, so when viewed on a mobile device it only shows the person (rather than the sides of the image). An example is the Aspire Demo. Notice how the person is directly in the middle? We can slice your image to look like that when mobile devices access your site. We can leave the main image as it is, but adding the second image would be good for those mobile devices.

This is what a lot of the other Big Sites do when they have large images like yours.

Let me know if you need assistance with any of this. Once we get the second image ready, we can upload and link to it through your CSS.

Your site is looking Great BTW! Definitely let me know once you have it done so we can share it on Social Media – https://appfinite.com/showcase-your-site

“How can I get more of my body in the shot on a 27″ inch Imac?”

Take a look around line 1524 and remove or comment out the max-height

.front-page-1 {
	max-height: 740px;
	position: relative;
}

You could also keep it and adjust the px if you wanted to keep the max-height in.

Here’s what it looks like at the moment on a large screen – http://i.imgur.com/iMQlWVH.png

Here’s what it will look like once you remove or adjust the max-height (on line 1524) – http://i.imgur.com/DTmc1Cz.jpg

Let me know if that helps

Also, did you change the image? I thought you were more towards the side of the picture. If you would prefer to have yourself off towards the side (kind of like the frankkern link) you can do that. I would use the image of you in the center to show on mobile devices. Either way works, just let me know how you want it to look.

Chrome has an aggressive cache. SHIFT+Refresh..!!!!

Sometimes you change code and it doesn’t “take” and then you try something different and the snowball rolls to the point you get lost in what is what.

Open one tab with your website edit, and another with your website. That way, you can change a bit of code and not close the window..just click the other tab, refresh and see if it worked.