Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

How to make the website adjust to different computers?


antoinesimon123

Question

Hi all,

Following a previous answer to my question I was able to remove in large part some of the white space which appeared to the right of my website when opened on a desktop: www.antoinesimonfineart.comThough after trying on additional monitors; mac and pc I have noticed especially on the mac desktop that there is still a lot of white space to the right. I have tried increasing the site width (as previously suggested) to the maximum but even that will was not sufficient on a mac desktop. I wondered if there is a way to make the page responsive to each pc so that it centers the page? Is this specific to the template (Wells) I am using perhaps? Perhaps by using a different template where the sidebar is positioned on the top as opposed to the left this would help center the website on different screens? Thank you!

Edited by antoinesimon123
Initial Revision
Link to post
  • Answers 4
  • Created
  • Last Reply

Top Posters For This Question

Popular Days

Top Posters For This Question

4 answers to this question

Recommended Posts

  • 0

You can increase the width past the slider maximum - you just click the numbers and overtype them - but I don’t recommend it. The site is designed to have this maximum width and (it’s a personal thing) but I think it looks fine.

One thing that can make it look better is to center the content within the ‘white space’. There isn’t an option for this but it can be done with CSS and I’ve previously posted a solution.

If you don’t like this style then try previewing another template. You may find one you prefer.

sf-digital-signature-logo-email145.png.46606a2288a2847f44d81b9b7b58f3a5.png
Hi, I'm Paul, founder of SF Digital, a specialist company helping Squarespace users by building the features that Squarespace didn't include.
Explore our range of Squarespace Extensions, including the Wishlist, and Datepicker Extension or book a Squarespace Expert for 1:1 help. Note that links in my posts may be affiliate links.

Link to post
  • 0

Thank you Paul. Indeed I realized that increasing the width doesn’t really make the website responsive. It becomes more centered on larger screen but too large for smaller screens/mobile. I have tried a few css coding but none seems to work on my site.Would you be able to share the link to your previous solution?

Thank you!Antoine

Link to post
  • 0

Thank you Paul. Indeed I realized that increasing the width doesn’t really make the website responsive. It becomes more centered on larger screen but too large for smaller screens/mobile. I have tried a few css coding but none seems to work on my site.Would you be able to share the link to your previous solution?

Thank you!Antoine

Link to post
  • 0

Try adding something like this to Design > Custom CSS:


#canvasWrapper {
 margin: 0 auto;
}

body.sidebar-position-left #headerWrapper {
 max-width: 225px;
 position: relative;
 top: initial;
 left: initial;
 }
}


sf-digital-signature-logo-email145.png.46606a2288a2847f44d81b9b7b58f3a5.png
Hi, I'm Paul, founder of SF Digital, a specialist company helping Squarespace users by building the features that Squarespace didn't include.
Explore our range of Squarespace Extensions, including the Wishlist, and Datepicker Extension or book a Squarespace Expert for 1:1 help. Note that links in my posts may be affiliate links.

Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...