Wix Answers

Do not post confidential info such as passwords or financial information.
Cancel
Post Question
wix Wix Team

Gridlines appear inside your Editor to help you build your site's layout correctly. Currently your site is fixed at 980px in order to accommodate the largest number of internet users that will be visiting your site. Place all of your site's content inside the Gridlines to ensure its compatibility across different browsers and devices. 

 

Note: The gridlines do not appear on your live site - they are there as a guide that can help you map and design your site better.To remove the gridlines, simply click on the gridlines icon from the top menu.

 
Checkout the video below to learn more about our Gridlines feature that will help you with your site's layout.

Replies(26 replies total)

Show my replies first
  • sosads2020

    Replied by sosads2020 June 8, 2014

    thanks

    i think i didn't make myself clear. i'm looking to have additional headers for my grid view. specifically, i'm talking about my page called כלבים לאימוץ and I'd like to have the option to add text not just below each image but also above it. alternatively, i'd like to have another line of "title" text below the image.

     

    is that possible?

    • Itamar Wix Team

      Replied by Itamar June 8, 2014

      Unfortunately this isn't possible at the moment.

      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.


      To read about our feature updates, please click here.

      Itamar, Wix team
  • ghleach

    Replied by ghleach June 1, 2014

    How to delete one gridline

    There is a horizontal gridline that appeared on all of my pages without my consent (!) and I don't know how to get rid of it. It disappears when I turn all the gridlines off, but I want the normal page boundary guides to show -- just not this one. I've marked it with a red arrow on the picture below.

    Thanks very much.

    • Mascha Wix Team

      Replied by Mascha June 1, 2014

      Hi ghleach,

       

      Please read the Best Reply above to learn more about grid lines and how to disable them.

      Note that is is not possible to disable only one of your grid lines.

       

      Thanks,

      Mascha, Support-Team Wix
    • ghleach

      Replied by ghleach June 1, 2014

      Hi Mascha,

      The question then becomes: how did that line get there in the first place? Is it possible to add individual gridlines? I didn't add it on purpose, so I'd like to know how not to do it in future. 

      Thanks,

      ghleach

    • dinamiso Wix Team

      Replied by dinamiso June 1, 2014

      Hi,

      It appears you have misplaced the items in your page.

      Please note: you have not placed your pages within the page border of your site.

      Your site consist 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.

       

      You added your content between the header and your site page:

       

      The line you see is the bottom of the header.

      Please move the content to the page.

       

       For more information on organizing your pages, click here or check out our interactive site about header, page and footer (simply click on the image below):
       

       

      Dina-Wix Team.

  • Daniel Wix Team

    Replied by Daniel May 28, 2014

    Hi Shaked,

     

    You can try increasing the gallery's margin (You can find it in the gallery's settings window). 

    To learn more about galleries, click here

    Daniel - Wix support team
  • sosads2020

    Replied by sosads2020 May 28, 2014

    grid images layout

    hello

    i'm using the grid images layout for one of my templates and would like to have another space for title below the images

    is that possible?  can i play with the structure of this page?

     

    thanks!

    shaked

    • Or Y Wix Team

      Replied by Or Y June 8, 2014

      Hello Shaked,

       

      Please clarify what you mean - would you like to add text below the images like the example below?

       

       

      In that case, simply drag the content down and add a text box via Add > Text.

       

      You can also explore our Galleries via Add > Gallery.

       

      In case this was not your intention, please clarify what you are attempting to achieve.

      Please let us know in case you need further help.

      All the best, Or
    • sosads2020

      Replied by sosads2020 June 8, 2014

      thanks for your quick reply
      i was actually referring to this page, and i'd like to have either titles for each image (best) or another line of "header"- with bigger/bolder font below the images


    • Ella Wix Team

      Replied by Ella June 8, 2014

      Hi,

      You can enlarge the grid's margins, to allow more space between the images.

      You might also want to consider using a different gallery, to suit your needs. For more information regarding galleries, please check out this topic: How do I add a gallery to my Wix site?

      Don't hesitate to contact us again for more information!

      Ella

  • motilevy28

    Replied by motilevy28 May 22, 2014

    compatibility

    My HTML5 site has already been designed and is set to true size as default.

    When logging in from a Mac desktop the website appearance is different, smaller and less legible. Suddenly I need to scroll horizontally.

    Surely it is expected that people will log in from different devices and not only from my windows pc laptop with my specific resolution? 

    There must be a workaround or fix made in this regard on the HTML5 editor. We need resolution compatibility throughout all the devices in the office.

    • Helle Wix Team

      Replied by Helle May 22, 2014

      Hi motilevy28,

       

      please refer to the Best Reply hereinabove.

      Currently your site is fixed at 980px in order to accommodate the largest number of internet users that will be visiting your site. Place all of your site's content inside the Gridlines to ensure its compatibility across different browsers and devices. 

       

      If the problem still persists, please contact us again and inform us about which website you specifically are reffering to.

       

      Have a good day,

      Helle, Support-Team Wix
  • ryan562

    Replied by ryan562 May 6, 2014

    gridlines issue

    Hello. My gridlines have also shifted to the right. Could you please correct this, or let me know how to in case it happens again? Thank you.

    Ryan

    • Ron Wix Team

      Replied by Ron May 7, 2014

      Hi,

       

      I've tested your site on a number of updated browsers and computers, the gridlines appear as they should.

       

      Please provide us with a screenshot of the way you see this issue on your end in order for us to investigate and assist.

       

      Ron, Wix Team
    • ryan562

      Replied by ryan562 May 8, 2014

      Ron,

      It's back to normal. Im not sure why or how they were moved for a day but it's all good now. Thanks.

      Ryan

    • dinamiso Wix Team

      Replied by dinamiso May 8, 2014

      Hi,

      We are glad to hear the issue has been resolved.

      Please don't hesitate to contact us again, if you will need additional assistance.

      Dina-Wix Team.

  • johannatoth

    Replied by johannatoth April 22, 2014

    Thank you for the answer Kosta!!

    What the youtube video is telling me is that I cant have my icons up there in the right corner.

    Theres only one problem, I dont want to put the inside the gridlines area, I want to have them outside.

    What do you suggest I do?

    And what about my pictures and text boxes moving and covering each other??

    They are INSIDE of the gridlines...... so Im confused....

     

    Thnx!!

    • johannatoth

      Replied by johannatoth April 22, 2014

      It should look like this:

    • johannatoth

      Replied by johannatoth April 22, 2014

      BUT on some computers the text after the picture is covered by the picture:

    • Noa Wix Team

      Replied by Noa April 22, 2014

      Hi,

       

      Regarding the grid lines- it is highly recommended to design your site within them for compatibility with most computer screens.

       

      Regarding the different view:

       

       

      While browsing on the web, your computer and browser stores various information. This build up of information can sometimes cause conflict.

      Please clear your browser's cache. You can find step by step instructions here.
       

       

      Let us know if you require further assistance,

      Noa - Wix Team
    • johannatoth

      Replied by johannatoth April 23, 2014

      Hi Noa!!

      Thnx for the answer!!

      I just have two questions.

      Are you telling me (like the youtube video already has) that in wix there is NO WAY to have the icons bar outside of the gridlines (without them dissapearing on some computerscreens)?

      And are you telling me that everyone that looks at my biography page needs to clear their browsers cache (to be able to read the whole text)?

      Thnx!!

       

    • Natty

      Replied by Natty April 23, 2014

      Hi,


      Please understand that if you are accessing your site from a tablet pc device, you will only see the content that was designed inside of the gridlines.

      Therefore we recommend that you keep your main content inside of the gridlines when designing your website, and only put content outside of the gridlines if it's not necessary in order to use your site, but rather just adds to the experience.
       

      Rest assured that most of your site visitors are not using tablet pc's, and therefore will see your site as you designed it.

    • johannatoth

      Replied by johannatoth April 23, 2014

      Thnx for the answer!!
       

      I DO UNDERSTAND that I need to place everything inside the gridlines (its the third time now Ive written that Im aware of this fact). But I think it sucks and think you should improve this funtion!! Who is responsible, that I can contact?

      And problem nr 2 about the boxes moving around covering each other is not a problem for only tablet pc´s, I dont care about the phones and tablets to be honest, its on other computerscreens!!

      Can I speak to someone who wants to solve the problems and not find excuses for them. Have I paid money to use a program that doesnt work on all computerscreens?

    • johannatoth

      Replied by johannatoth April 23, 2014

      Do I really need to copy paste my print screen pictures again to prove this?

    • johannatoth

      Replied by johannatoth April 23, 2014

      How it should look like:

    • johannatoth

      Replied by johannatoth April 23, 2014

      How it looks like on some other screens, (Ive minimized it to show you how it looked when I by accident saw it on my freinds macbook who has a slightly smaller screen than I do):

    • johannatoth

      Replied by johannatoth April 23, 2014

      As you can see all the boxes has adapted to the new size of screen BUT the spotify box DID NOT. The same problem with my picture in the biography page, as Ive already showed as an example above.

    • Ritti Wix Team

      Replied by Ritti April 23, 2014

      Hi,

      The gridlines are for your own good so that everyone will be able to see your site in all kinds of devices - however you can put elements outside it.

      In regard to the moving objects:

       

      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.
       

       

      Best, Ritti
    • johannatoth

      Replied by johannatoth April 23, 2014

      Finally!! Im gonna try the container!!

      That answer was very helpful, even if it still means that I have to move the icons to where I dont want them....

      Thank you!!

       

    • Ritti Wix Team

      Replied by Ritti April 23, 2014

      :o) You are welcome!

      Best, Ritti
    • johannatoth

      Replied by johannatoth April 23, 2014

      Ive put all my things in a box together with my spotfiy player and its still the same.... when I minimize the screen with "ctrl -"

      so putting everything in a container didnt work.....

    • Stav Wix Team

      Replied by Stav April 23, 2014

      Hi Johanna,

       

      I'm deeply sorry for your inconvenience.

       

      The gridlines are there to set a boundary and make sure all the items in your page show on every browser and device. If you choose to put an item outside the gridlines, it may not show in some devices and\or browsers.

       

      As to your issue with items covering each other, you can always create more space in your page by moving the footer down. This way, you can create better spacing between the items and make sure they will not cover each other.

      The footer is set to go down further as long as items are being dragged down towards the bottom of the page. This way you can make your site pages as long as you want.

       

      Please let us know if you have any more questions!

      Should you have any further questions, please let us know! Thanks, Customer Solutions
    • johannatoth

      Replied by johannatoth April 24, 2014

      Thank you for the answer "Stay"!!

      I KNOW and UNDERSTAND I cant put things outside the gridlines (this is the 5th time Ive written this), none of you seem to think its a problem that needs to solved??

      You are a lot of people on the wix team but only one of you have come up with a solution (that didnt work) for my problem, about boxes moving and covering each other on smaller computerscreens (not Ipads or phone screens).

      I do not want more space between my things!! Its not a solution. I want my pictures, musicplayers and texts to stay where they are, both on macbooks and slightly bigger PC screens. Yes I do have a question, is that too much to ask for??

       

      Thnx!!

    • Elia Wix Team

      Replied by Elia April 25, 2014

      Hi,

      Currently, the width of all Wix sites is fixed at 980 pixels. 

      Unfortunately changing this width isn't possible at the moment.

      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.


      To read about our feature updates, please click here.

      Elia - Wix Support
    • johannatoth

      Replied by johannatoth April 25, 2014

      Im not spending anymore time and energi on this.

      My webpage is not a complicated one, the most simplest things do not work in Wix, Im very disapointed and wont use it again, and will tell my friends to not use it.

      Thank you.

    • Dean Wix Team

      Replied by Dean April 25, 2014

      Hey,

       

      I am sorry to hear you feel this way.

       

      Looking into your site I can honestly say it looks great.

       

      Should you require anything else in the future, don't hesitate to contact us again.

      All the best, Dean - Wix Team
  • Kosta Wix Team

    Replied by Kosta April 22, 2014

    Hi,

     

    Please note that there is content in your website which is outside of the gridlines, this causes your website to display the wrong way on smaller screens. see screenshot below.

     

      

     

    I have merged your question to the relevant thread, please refer to the best reply on the top of this page to see information on how to fix this issue.

     

    Please let us know if you require any further assistance. 

    Kosta, Customer Solutions.
  • johannatoth

    Replied by johannatoth April 22, 2014

    Anothe size of screen, why does my boxes and icons move?

    Hi!!

     

    When I look at my website http://joni-music.com on my computer it looks great, but then I went to look at it on another computer and the language flag and the icons up in the right corner wasnt visible, also the boxes of pictures and text had moved on my biography page so they cover each other.

    Isnt the website supposed to adapt like every other website, should look the same and have all the icons and boxes visible no matter what size of screen you use?

    Have I done something wrong?

     

    Thnx!!

  • patelmann1999

    Replied by patelmann1999 March 9, 2014

    Gridline Margin Problems.

    Is it possible to adjust the width  of the gridlines. Currently, it is set at 980 px. I want to change this because the sides of the pages look unprofessional. On low res displays, the stuff outside the gridlines gets cut off. 

    • Tal Wix Team

      Replied by Tal March 10, 2014

      Hi,

       

      It is impossible to move the gridlines, they have an important role it your site appearance on different devices.

      For more information, please check the best reply at the top of this page.

       

      Please inform us whether you need any further assistance.

      Tal, Wix Team

Add reply

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