Wix Answers

Do not post confidential info such as passwords or financial information.
Cancel
Post Question
wix Wix Team
One of the cool new features in the Wix HTML editor is that the height of the pages in your website is not a predetermined size.
 
Your pages will adjust their height dynamically according to the content that you add to them. If you add more text or components, your pages will become longer in order to accommodate anything that you add. Simply drag the bottom-most component in your page downwards in order to extend the height of that page.  To shorten your page, click the element on the page that is too long and, at the bottom of the selected element, you will see an icon with an arrow on it called the Stretch Handle. This allows you to shorten or lengthen your page manually. Simply click and drag it up or down to change the length of your element and the page.
 
Currently, the width of your site is fixed at 980px. This size was chosen in order to accommodate the largest number of internet users that will be visiting your site. This is common for the new generation of sites, as it ensures compatibility with the many different smart devices being used today (i.e. iPad users) where you only scroll up or down.
 
Check out our video on how to use the Wix Gridlines to optimize your site's layout:
 

Replies(292 replies total)

Show my replies first
  • kristaglantschnig

    Replied by kristaglantschnig May 14, 2014

    I would like to use the size option : 

    position: relative; 

     

    so that when my site is looked at a larger screen, it stretches itself to maximum size.

  • ruthmanito

    Replied by ruthmanito May 12, 2014

    this is the published one

    • Alina Wix Team

      Replied by Alina May 12, 2014

      Hey, 

      Please note that some elements on your page are not placed with the page or the footer as you can see below:



       

      Please keep in mind -Your site consists of 3 parts:


      1. Header-  A Header is the area of your website that appears across the top of your site and appears throughout all of your pages. The Header may contain your site title, company logo and your site menu. 

      2. Pages- Your pages contain all  of the content within your site and you may have many. You can layer different elements by clicking the 'Bring forward' or 'Send backward'  icons in the pop-up that appears when clicking an element.

      3. Footer - A Footer is the area of your website that appears across the bottom of your site and appears throughout all of your pages

      Please drag the elements to the container and then your will be able to use the 'Drag Handle' to move your footer and close the gap. 

      You can also uncheck the Fixed position option: 



      Thanks, 

      Alina, Wix Support Team
    • ruthmanito

      Replied by ruthmanito May 15, 2014

      thanks got it right now. site is so easy to use and your support is very helpful thanks. ruth

    • Leah Wix Team

      Replied by Leah May 19, 2014

      Dear Ruth,

       

      I'm glad we could help! Please let us know if we can assist you further.

      Sincerely, Leah Wix Team
  • ruthmanito

    Replied by ruthmanito May 12, 2014

    2 screenshots included. editor is correct, the published one is too large and header and footer dont move with my page so can only see small strip.

  • ruthmanito

    Replied by ruthmanito May 12, 2014

    hi, really new at this... my site looks great on the editor but now ive published it comes out huge and can only view a tiny strip and scroll down not the way it looks in editor, help!!

    • Barrios Wix Team

      Replied by Barrios May 12, 2014

      Hi,

       

      Thank you for contacting the Wix support team.

      In order to assist you further please provide us with a screen shot of the problem. For instructions on how to take a screenshot, please use this link.

       

      To upload the screenshot, simply click on the "Upload" button and follow the steps.
       

       

      Thank you and awaiting your reply.

      Many thanks, Barrios
    • ruthmanito

      Replied by ruthmanito May 12, 2014

      replied as above ruth

  • karen389

    Replied by karen389 May 11, 2014

    Hi Wix Team,

    My website www.lennybrides.com does not fit to scale in different types of computers.  On a desktop computer, it is cutoff on the left side and my logo cannot be seen.  Same problem on an ipad.  DId I build my website too wide? Is there anyway to scale the site so that it will look the same on every screen?  Please let me know as soon as possible because my Facebook Ad is running and I want people to see my site properly when they enter.

    Let me know if you would like me to send you a screenshot of the problem.

    Thanks,

    Karen

    • Barrios Wix Team

      Replied by Barrios May 11, 2014

      Hi,

       

      Wix HTML5 websites are optimized to display properly for the most common browsers and devices used today. However, it's important to note that the various browsers and devices use different rendering engines, and therefore may display minor differences in your website.
       

      Sometimes these minor differences can have a domino effect- for example, a 1% difference in rendering of a font size, can cause a line with only 20 characters to appear 1/5th of a character wider. If your text box doesn't have any extra room for the text, this may cause the last word to wrap to the next line, which will make your text box longer and will 'push' the rest of the components under the page down (By the way, if you experience this issue, it's really easy to solve- you just need to make the text box a little bit wider in your editor to allow for extra space so that the text will still fit, even when it's rendered wider).

       
      The web standard is still evolving, and it's important to keep up with the newest technologies and standards. That's why Wix is at the forefront of HTML5 website development.
      We are doing our best to minimize the effects caused by the aforementioned factors, while continuing to provide you with the flexibility to create the most amazing website on the web.


      For the time being, however, there is a work around that should help to reduce some of the alignment issues you may be experiencing. By placing misaligned content within a ‘container’, you are securing several different items within a single shape. Items within a ‘container’ are locked into position and so will not appear to move on their own accord and/or knock other items out of alignment.
       


      Use a Box that is set to appear as transparent (by moving the opacity down to 0) as your ‘container’. Place all of the various components within this Box so that they are ‘attached’ to it. Once within their container, these items are essentially grouped together and will not fall out of alignment.
       

      We are here should you require further assistance.

      Many thanks, Barrios
    • karen389

      Replied by karen389 May 11, 2014

      Hi Bar,

      Thanks for the quick response. However, my problem is not that there is a minor difference in various browsers- it is that my site does not scale itself to fit a different sized browser.  For example, when i take my google chrome browser and minimize it to fit half my screen, the menu bar in my footer disappears along with my logo.  Is there no way to correct this so that my menu bar moves up along with the rest of the site when i resize my browser?  I cannot have my customers not seeing the menu bar or the logo- it is the most important part of my site. Please let me know what can be done.

      Thanks,

      Karen

    • Barrios Wix Team

      Replied by Barrios May 11, 2014

      Hi Karen,

       

       Please try to put your elements into a container as suggested.

      What is a header?

       What is a footer?

       

      For more information about organizing your pages, click here or check out our interactive tutorial below to learn more about headers, pages and footers:

       

      We are here should you require further assistance.

      Many thanks, Barrios
    • karen389

      Replied by karen389 May 11, 2014

      Bar,

      Where is the button to add a container on my Wix editor? Are you referring to a container as a header or a footer? Because I already have a footer.

      Thanks,

      Karen

    • karen389

      Replied by karen389 May 11, 2014

      Actually, I am really confused.  In your tutorial "What is a Footer" it does in no where show me how to add a footer to my website.  I am not even sure that I have one.

      Please help!

      Karen

    • Or Y Wix Team

      Replied by Or Y May 11, 2014

      Dear Karen,

       

      Every Wix site has their header, page and footer sections, in a built-in way.

      I have not been able to recreate the issue. Please clarify what issue are you experiencing so we can better assist you.

      I have tested your site and loaded it with multiple browsers, on minimized and full modes, and your menu has remained intact, naturally fully visible while scrolling around.

       

      Please provide us with a screenshot of the problem. For instructions on how to take a screenshot, please use this link.
       

      To upload the screenshot, simply click on the "Upload" button and follow the steps.
       

       

      All the best, Or
    • karen389

      Replied by karen389 May 11, 2014

      Here is a screenshot of my problem. I minimize my browser and my menu bar along with my logo disappear.  Is there anything that can be done about this? 

      Thanks,

      Karen

    • Or Y Wix Team

      Replied by Or Y May 11, 2014

      Please elaborate - in what version of Safari are you using?

      Have you been able to scroll using the mouse?

       

      Thank you in advance, we look forward for your response.

      All the best, Or
    • karen389

      Replied by karen389 May 11, 2014

      Hi Or,

      I am not using Safari, I am using Google Chrome version 34.0. 

      I am able to scroll with the mouse up and down, but not left and right.

      Please let me know what to do,

      Thanks,

      Karen

    • dinamiso Wix Team

      Replied by dinamiso May 11, 2014

      Hi,

      I checked your Wix site and I saw you placed your site content outside the gridlines area.

       

      Currently, the width of your site is fixed at 980px. This size was chosen in order to accommodate the largest number of internet users that will be visiting your site. This is common for the new generation of sites, as it ensures compatibility with the many different smart devices being used today (i.e. iPad users) where you only scroll up or down.
       
       
      Please move all the content of your site to the page area within the gridlines.
       
      Thank you,
      Dina.
  • kndlink

    Replied by kndlink May 11, 2014

    Hello Wix Team,

     

    I'm very new to this service. I just roughly designed what I want for my website however found the " page " section has so much empty area on the bottom. I've tried many ways trying to bring the margin back to where I want it to be but it just wouldn't work and this is the case on every single page of mine.

    Can you please have a look and advise where I am doing wrong? Thank you so much.

    • Barrios Wix Team

      Replied by Barrios May 11, 2014

      Hi,

      The excess space or gap between your footer and page content might be caused by a hidden element.

      To access this element: In the Wix Editor, select any element on your site and hold down the "Ctrl" key and press "M" to toggle through the elements on your page until the element is selected. Once you have selected this element, you can either delete it or move it upward.
       

      Only once the element has been moved or deleted, can the footer can be adjusted to remove the gap.

      A footer is the area of your website that appears across the bottom of your site and appears throughout all of your pages.
      The footer may contain your contact information, copyright information and/or your social media icons.
       

      For more information about organizing your pages, click here or check out our interactive tutorial below to learn more about headers, pages and footers:

       

       

      We are here should you require further assistance.

      Many thanks, Barrios
  • golf75

    Replied by golf75 May 8, 2014

    How do I move the header boarder up so my page is pushed so far down? The last tip didn't help me.

    • Ilia Wix Team

      Replied by Ilia May 9, 2014

      Hi,

      This is the way I'm seeing your site.

      What exactly are you trying to achieve?

       

      Best regards

      Ilia - Wix Support
  • avidanb

    Replied by avidanb May 8, 2014

    I am building my website and i accidentally extended the boarders to far down and it wont let me fix the size of the page. how do i fix it?

    • ilan-t Wix Team

      Replied by ilan-t May 8, 2014

      Hello,

       

      I brought the footer back up to a reasonable positioning for you, you can move it by simply selecting it then using the drag handles that appear to drag it.

       

      Best regards

  • golf75

    Replied by golf75 May 8, 2014

    Help!! I can't figure out how to get rid of this gap on my website??

    Thanks in advance.

    • gills2 Wix Team

      Replied by gills2 May 8, 2014

      Hey  golf75,

       

      Please simply move the items upwards on your page and you will be able to change the size of your page by using the handle.Make sure to attach the items to the page parts (Header, page, Footer).

      For more information about organizing your pages, click here or check out the interactive site (simply click on the image below)
       

       

      Thanks,

       

      Gill, Wix Team
    • golf75

      Replied by golf75 May 8, 2014

      Sorry... that didn't help me. The header is stretched down and I still can't figure out how to pull the main body of the page up to eliminate the big gap??

    • Dror - Wix Support Wix Team

      Replied by Dror - Wix Support May 8, 2014

      Hi,

      I fixed it for you and saved it in your editor, you can see the fixed version the editor.

      Dror - Wix Team
    • golf75

      Replied by golf75 May 9, 2014

      Awesome! Thank you so much!!

  • tcshyong

    Replied by tcshyong May 8, 2014

    I have gotten the size wrong

    Hi There,

    After completed my design and upgraded to premium, I realised that my website is created in a wrong size. Did not realised the guideline on the left and right. After reading the FAQ, found out that the width should not exceed 980px. I found this out when I viewed my web design on a friend's laptop, I found out that my design was cropped at left and right.

    Is there any function where I can scale every down instead of manage the items one by one? Or is there any better alternative to solve this issue? 

    Please advice. Thank you very much.

    • Marceline Wix Team

      Replied by Marceline May 8, 2014

      Hi,

      Unfortunately, at the moment it is impossible to automatically change the placement of all elements to fit selected size . We document and learn from every feature request and bug brought to our attention. These objectives are immediately high priority milestones in Wix's product road map. Feel free to add your feature request to our Wish List by posting here.

       

       

      Please, check out our video on how to use the Wix Gridlines to optimize your site's layout in the best reply above. Currently all the elements of your website are placed inside the gridlines apart from the blue image:

       

      Best regards, WIX Team.
    • tcshyong

      Replied by tcshyong May 9, 2014

      Hi WiX team. Appreciate your prompt reply and suggestion. Thank you very much!

       

Add reply

Mark this reply as Best Reply
Close open child tickets
Post reply