Auto scale to screen size?

jeffrey_baars said 1 year ago:

Can my website automaticly scale to the size of the visitors screen using Website Tonight?

adamr said 1 year ago:

@jeffrey_baars

With WebSite Tonight, we offer both Expandable and Fixed width templates. If you would like a website that adjusts to the screen size of the browser, you’ll want to choose an ‘Expandable’ width template. You can choose your preference under the ‘Features’ dropdown on the template page.

Changing Your Site Builder’s Template

If you are currently working with a fixed width template and do not wish to change templates, you may be able to use custom CSS to convert the template to an adjustable width.

Editing CSS with WebSite Tonight

-Adam

jeffrey_baars said 1 year ago:

Thanks for that Adam, I’m currently using template “Expression”. Guess this is fixed width?

Im quite confortable in editing the CSS, but what do i have to add/delete/change to make it expandable?

Nate D said 1 year ago:

@jeffrey_baars – Nope that template is an expandable width. What types of problems are you having with the screen sizes? If you can post the web address.

jeffrey_baars said 1 year ago:

Oh that is weird. The web address is http://www.christmasmarkettravel.com and when looking from a small screen or Ipad, the footer is twice as wide as the rest of the side and it is outlined on the left hand side. No great experience for the visitor. What do you guys think?

Am i doing anything wrong?

Nate D said 1 year ago:

@jeffrey_baars – Okay, I noticed your footer uses a table to define the layout but it is set to a fixed width.

In the Page Designer select inside the table and click “Edit” in the toolbar. Select the “Table Properties” tab, and adjust the width to 100% (% instead of px).

This would also fix that the footer is not centered on different screen sizes, in addition to switching the table from a fixed width to an adjustable width.

sendcookies said 1 year ago:

ok I am having the same issue…on my laptop, the page fits fine…but someone else told me that the page gets cut off for them on their laptop. my laptop is 17″ and their’s is 13″. I am using the clean slate template and was wondering if that was fixed and how I can change that or if it’s just my friend’s computer, he has a mac and I have windows. Thanks for your help =)

Nate D said 1 year ago:

@sendcookies – This could be the same issue if you have inserted Tables onto the website. Switching the table width from #px to #% switches it from a fixed width to an adjustable width.

But as you may have noticed with this type of problem it gets to be a guessing game without actually seeing it. If you are still having troubles it would be best if you could post the web address if it has been published.

jeffrey_baars said 1 year ago:

thanks @Nate_d. very helpful, managed to change that on my left menu. Some issues with changing it on the footer. Know how to do it, but it keeps changin back to the previous px. Opened a support ticket with support here.

One other question related to these autoscale is images. I’ve got some images on my website, is there anyway to autoscale them as well? site is http://www.christmasmarkettravel.com

thanks for your help.

Nate D said 1 year ago:

@jeffrey_baars – You can put this in your Advanced CSS area, it would cover all images and only when they are too wide:

img { max-width: 100% ; }

http://support.godaddy.com/help/article/4229

jeffrey_baars said 1 year ago:

Thanks! Very helpful!