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

How to make the website adjust to different computers?

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

Share this post


Link to post

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.


If a response has helped you, please give thanks using the  like-20-mag.png.3997345d620e40b4760b5d7a667cad54.png button.
Need personalised help? I'm a professional Developer who works with Designers internationally. You can book me via my company's website. www.sf.digital

Share this post


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

Share this post


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

Share this post


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;
 }
}



If a response has helped you, please give thanks using the  like-20-mag.png.3997345d620e40b4760b5d7a667cad54.png button.
Need personalised help? I'm a professional Developer who works with Designers internationally. You can book me via my company's website. www.sf.digital

Share this post


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...