Hello there,
I created a new website. I like how it looks on a cell phone (small). However, on a desktop (bigger), it looks weird.
It is: na-tacoma.com
Especially this page: https://na-tacoma.com/services.html
When the site gets bigger (desktop), I'd like the content to stay in the middle of the page. Right now, it stretches to the right and left sides and looks too "stretched out."
Could I get some help on how to prevent stretched out look please?
Thank you!
Too "stretched out" in Desktop view
Andrea Martin
Registered User
16 posts
Inger
Senior Advisor
14,453 posts
Online Now
I guess you could put a wrapper div around your site, with some width limitation (e.g. 1200px) and margins left and right set to auto. It wouldn't disturb the look at phone sizes, only if the screen width exceeds 1200px it will kick in.
Ha en riktig god dag!
Inger, Norway
My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com
Inger, Norway
My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com
Wayan Jaya
Registered User
4,801 posts
Online Now
Set the max body width to however wide you want it to be.
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
Contact Me For One To One Assistance
https://alphathemes.coffeecup.com/forms … an%281%29/
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
Contact Me For One To One Assistance
https://alphathemes.coffeecup.com/forms … an%281%29/
Wayan Jaya
Registered User
4,801 posts
Online Now
Wayan Jaya wrote:
Set the max body width to however wide you want it to be.
Set the max body width to however wide you want it to be.
Upon further inspection on my desktop monitor, you already have the body set to max-width = 900px, so all you need to do then is set the l & R margins to = auto
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
Contact Me For One To One Assistance
https://alphathemes.coffeecup.com/forms … an%281%29/
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
Contact Me For One To One Assistance
https://alphathemes.coffeecup.com/forms … an%281%29/
Andrea Martin
Registered User
16 posts
Thanks for the suggestions!
I changed the width of the body to 900 px. It helps! However it's not centered (it all aligns on the left side). Is there a way to center all of the content?
Also, the background is grey when it's big (but white when it's small). In the software, it's set to white for >all< of the breakpoints. Any idea why the background still shows up as grey?
See here: na-tacoma.com
Thank you!
I changed the width of the body to 900 px. It helps! However it's not centered (it all aligns on the left side). Is there a way to center all of the content?
Also, the background is grey when it's big (but white when it's small). In the software, it's set to white for >all< of the breakpoints. Any idea why the background still shows up as grey?
See here: na-tacoma.com
Thank you!
Wayan Jaya
Registered User
4,801 posts
Online Now
Andrea Martin wrote:
Thanks for the suggestions!
I changed the width of the body to 900 px. It helps! However it's not centered (it all aligns on the left side). Is there a way to center all of the content?
Also, the background is grey when it's big (but white when it's small). In the software, it's set to white for >all< of the breakpoints. Any idea why the background still shows up as grey?
See here: na-tacoma.com
Thank you!
Thanks for the suggestions!
I changed the width of the body to 900 px. It helps! However it's not centered (it all aligns on the left side). Is there a way to center all of the content?
Also, the background is grey when it's big (but white when it's small). In the software, it's set to white for >all< of the breakpoints. Any idea why the background still shows up as grey?
See here: na-tacoma.com
Thank you!
Set the margins for the body yo left & right=auto
well I see that's ok now and for me here the background is white from mobile upwards all the way
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
Contact Me For One To One Assistance
https://alphathemes.coffeecup.com/forms … an%281%29/
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
Contact Me For One To One Assistance
https://alphathemes.coffeecup.com/forms … an%281%29/
Wayan Jaya
Registered User
4,801 posts
Online Now
Wayan Jaya wrote:
Set the margins for the body yo left & right=auto
well I see that's ok now and for me here the background is white from mobile upwards all the way
Andrea Martin wrote:
Thanks for the suggestions!
I changed the width of the body to 900 px. It helps! However it's not centered (it all aligns on the left side). Is there a way to center all of the content?
Also, the background is grey when it's big (but white when it's small). In the software, it's set to white for >all< of the breakpoints. Any idea why the background still shows up as grey?
See here: na-tacoma.com
Thank you!
Thanks for the suggestions!
I changed the width of the body to 900 px. It helps! However it's not centered (it all aligns on the left side). Is there a way to center all of the content?
Also, the background is grey when it's big (but white when it's small). In the software, it's set to white for >all< of the breakpoints. Any idea why the background still shows up as grey?
See here: na-tacoma.com
Thank you!
Set the margins for the body yo left & right=auto
well I see that's ok now and for me here the background is white from mobile upwards all the way
One other thing is that the site is showing as NON SECURE, which for me here says that I should leave and not proceed, which isn't a good thing, actually it's just the link you gave it takes us to www..na-tacoma.com
I did the same thing not long ago with my own site, I forgot to put the re-direct thingy from www.xxxx to htpps://xxxx on my hosting service,
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
Contact Me For One To One Assistance
https://alphathemes.coffeecup.com/forms … an%281%29/
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
Contact Me For One To One Assistance
https://alphathemes.coffeecup.com/forms … an%281%29/
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.
