How do I update my website to fit 1024px screens?

  • 0
  • 1
  • Question
  • Updated 1 year ago
  • Acknowledged
Archived and Closed

This conversation is no longer open for comments or replies and is no longer visible to community members. The community moderator provided the following reason for archiving: Archived

I got the background updated to a wider screen (1024px) but I am having a hard time editing the content to fit the wider background... so right now my site is all pushed to the left. How do I expand the content to fit the new wider background? In the editor it will not let me move anything to the right of the screen.
Photo of cory0592

cory0592

  • 122 Points 100 badge 2x thumb

Posted 1 year ago

  • 0
  • 1
Photo of Mark5665

Mark5665

  • 1,060 Points 1k badge 2x thumb
The background might be wider but the rest is still the same size it started at. You'll have to manuall resize everything.

You can resize pictures by grabbing a corner and dragging, but if it looks pixelated after you'll either have to put up with it or re-load a larger-sized picture.
Photo of cory0592

cory0592

  • 122 Points 100 badge 2x thumb
I can resize and move things  around in the original 800px format. It just wont let me move anything into that new expanded room. 
Photo of themieleman

themieleman, Champion

  • 62,886 Points 50k badge 2x thumb
You can adjust page width and position by using Page Settings > Advanced Settings.
Photo of cory0592

cory0592

  • 122 Points 100 badge 2x thumb
Thanks. Ya it lets me widen the background but it wont let me move any of the other things into the new space created by the wider background. Like its blocked off or something.
Photo of Todd H

Todd H, Social Media Specialist

  • 20,534 Points 20k badge 2x thumb
Hello cory0592, different templates can be formatted differently, and with the template you are working in, you are going to want to move and stretch the elements to fill out the are. If you want to edit your existing elements, you will want to adjust and resize your master page elements. If you are trying to fill the space out, you may want to center align it, you can do this by clicking the Page Settings, then Advanced Settings, there is an option to Center align this page.
Your account supports multiple sites, if you are interested in trying to fill the area out a little bit more, have you taken a moment to check out the new Website Builder editor? To begin, all you need to do is go to Websites Manager page and create a new site. When you choose a new template, you will get the options to browse through newer templates.
Photo of cory0592

cory0592

  • 122 Points 100 badge 2x thumb
So I can move things around in the original size (the 800px)... but It wont let me move things into the new space created by a wider background. On the editor screen it blocks off the right 400px space. Does that mean I need to create an entirely new website in order to be  compliant with current computer screens? 
Photo of themieleman

themieleman, Champion

  • 62,736 Points 50k badge 2x thumb
Have you tried resizing your page elements?
Photo of cory0592

cory0592

  • 122 Points 100 badge 2x thumb
I can center it, but it still leaves a couple inches on either side of the screen that I would like to use. 
Photo of cory0592

cory0592

  • 122 Points 100 badge 2x thumb
yes. I have resized everything on the master page. 
Photo of themieleman

themieleman, Champion

  • 62,736 Points 50k badge 2x thumb
What is you url?
Photo of themieleman

themieleman, Champion

  • 62,736 Points 50k badge 2x thumb
To fill to the boundaries, resize the elements and expand your text boxes.
Photo of cory0592

cory0592

  • 122 Points 100 badge 2x thumb
probably just my template. I might just have to wait until fall and rebuild from scratch with something newer
Photo of cory0592

cory0592

  • 122 Points 100 badge 2x thumb
Thank you for your help.  I appreciate it a lot. I tried resizing to larger than 1024. I was able to fill the whole screen after a few trial and errors, however I still cannot add anything to that area on the right. In the editor it is blocked out. (like in the photo I attached) I can't move anything over to that side of the screen and I can't view the whole screen in the editor. So... although the background stuff looks right, I can't add content... so I put it back to centered and "normal" for now. 
Photo of Mark5665

Mark5665

  • 1,060 Points 1k badge 2x thumb
Try making a page completely from scratch.
Photo of themieleman

themieleman, Champion

  • 62,736 Points 50k badge 2x thumb
You are using a master page. You'll need to edit that using Todd's instructions:
adjust and resize yourmaster page elements.

This conversation is no longer open for comments or replies.