Website response problem - Post ID...

User 2380297 Photo


Registered User
7 posts

I'm attempting to create a responsive website in Visual Site Designed and it is not responding correctly. It looks ok on some devices, but junk on others. Don't be critical. It's not finished yet and has lots of rough areas, but it is live. My primary concern is the "response" of the top picture of the website as it adapts to device screen size. Currently the picture does not stay centered across the screen. (The picture is crowded out by white space as the screen size decreases.)

https://oklahomaterm.com

Any constructive suggestions on correcting the responsiveness of the picture frame are appreciated.
Thanks for your help.

Attachments:
User 2699991 Photo


Registered User
4,202 posts
Online Now

Christopher Matteson wrote:
I'm attempting to create a responsive website in Visual Site Designed and it is not responding correctly. It looks ok on some devices, but junk on others. Don't be critical. It's not finished yet and has lots of rough areas, but it is live. My primary concern is the "response" of the top picture of the website as it adapts to device screen size. Currently the picture does not stay centered across the screen. (The picture is crowded out by white space as the screen size decreases.)

https://oklahomaterm.com

Any constructive suggestions on correcting the responsiveness of the picture frame are appreciated.
Thanks for your help.



Hello
It'a not easy to come up with a solution just from an image or seeing the site live so to speak
, but
it looks to me that the background image at small device widths needs to be set to :

size = cover

position =
horizontal - center
vertical = center

That should do it, but if not you may need let us take a look ar the actual project file,
Mastering The Understanding With Hands-On Learning
NEW TO
"COFFEECUP SITE DESIGNER" FOUNDATION 6 FRAMEWORK?
STUCK ON SOMETHING?

LEARNING & UNDERSTANDING "THE HOW TO"? THE WHY'S & THE WHEREFORE'S?
WITH WAYAN'S STEP BY STEP TUTORIALS

I can make "INDIVIDUAL BESPOKE" step-by-step video tutorials
for you to watch at your leisure as many times as you need

I have also started updating the ready made step by step tutorials, Ready Soon

my secure email details form
https://rsd-tutorialscom.coffeecup.com/ … dtutorials

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.