Wix Website Tutorial 2024 - Columns, Strips & Sections

Sections, strips and columns are the basic building blocks of every Wix website. But how do they differ and how do you use them to create a beautiful, professional website for your small business?
Check out the #3 video below for how I created the header set up in this video.
#1 How to Build a Wix Website on a Blank Template
• #1 How to Build a Wix ...
#2 How to Add Your Logo to Your Wix Site • How to Upload and Add Images to Your Wix Website
• #2 How to Add Your Log...
#3 How to Use Columns to Place Your Logo to the Left of Your Website Header in Wix
• #3 How to Use Columns ...
#4 How to Add Pages and a Menu to your Wix Site
• #4 How to Add Pages an...
#5 How to Set Fonts and Colors for Your Wix Website
• #5 How to Set Fonts an...
I am not a Wix affiliate, nor do I work for Wix. I just think Wix is a super website builder and a great option for building your own website. I am a Wix Partner and offer my web design services in the Wix Marketplace. I also use other platforms for design (like Canva!).
Get my guide -
21 ELEMENTS YOU MUST HAVE FOR YOUR SUCCESSFUL BUSINESS WEBSITE
A super comprehensive, easy-to-understand list and guide for collecting all the content you need to build a successful website.
www.biritdesig...
VISIT ME…
www.biritdesig...
SAY HELLO...
/ biritmarketi. .
/ biritdesign

[@biritsimonsen]

Do you know how to build a LEAD MAGNET into your website? Do you know why you need one to grow your business and get a consistent stream of new clients, patients, or customers? If not, here's an article Called WHAT IS A MARKETING FUNNEL & WHY DO YOU NEED ONE? --> --> www.biritdesign.com/post/what-is-a-marketing-funnel-why-do-you-need-one ✅✅✅

[@RunAgainRover]

Thanks for this helpful resource. Should my lead magnet be offered above the fold and if so, can I also offer other freebies a bit lower down on the home page? I have a lot of free stuff for clients, but I don’t want to overwhelm them. Thanks 😊

[@biritsimonsen]

@@RunAgainRover My preference is to put the lead magnet lower down on the home page AND have a pop-up about 5 seconds after the viewer lands on the home page. This is what I've done on my site. If you are offering freebies where you are not getting a name and email I would put those lower on the page or on another page with a link from the home page. : )

[@RunAgainRover]

@@biritsimonsen makes sense. I’ve always relied on a button in the hero section and haven’t tried a pop-up. Or maybe a pop-up and a button leading to the same freebie because it could give us a couple of opportunities for people who automatically close pop-ups without reading them?

[@learning5780]

Your information has made the most sense out of all the videos I have watched regarding strips and sections on Wix. Your video was detailed, full of explanations and easy to understand. Thank you! I generally like the learning process but it feels like Wix has an underlying expectation that a user is familiar with website design. Even though they advertise that web creation is easy with their product.

[@biritsimonsen]

Glad to help. I think website design is just a lot more complicated than people think initially. It was for me in the beginning. And the thing is that Wix does so so much at this point - I mean you can build a store, or class or complex form or zoom appointments or subscription products and on and on. It's hard to make all those options super easy and obvious in one place. : )

[@fibiewhitchelo7374]

You are a genius communicator! I've spent weeks wailing, gnashing my teeth, and procrastinating re. my site's progress. Now, 22.14 minutes later, the knots in my stomach are finally loosening! Totally saved my sanity.... and my bacon. ❤

[@biritsimonsen]

Awww! Thanks so so much!!!! You absolutely made my day. So glad I could be of help. Let me know if you need anything else. I'm all ears for new videos. : )

[@aaajimmyb7472]

Another fantastic amazing super great video from the best channel on KZbin. Thank you and keep the great videos coming. they are very helpful.

[@biritsimonsen]

Why thank you. : )

[@patti.j]

Thank you so much I just got a Wix website a few days ago and been racking my brains on changing templates. I just saw all your videos on starting from scratch and you explain everything so clearly, I feel I can do it on my own. I’ve subscribed to your KZbin and look forward to more videos from you.😊

[@biritsimonsen]

Thanks so much! I always wonder if they make sense, lol. : ) Please let me know what you'd like to see. What do you need to know about?

[@spidey69de]

Thank you Birit for this great video. It helps a lot, i appreciate your work!

[@biritsimonsen]

You are most welcome! Glad to help. : )

[@jordanroach1435]

Amazing Help! Thanks so much. I finally understand how to use this builder :)

[@biritsimonsen]

Thanks so much! Glad I could help. : )

[@theacademycircle]

Thank you so much for making this video. I was just about banging my head in frustration at other videos I watched that didn't go into as much detail when I discovered yours. You've saved me so much time and you're so easy to follow along in real time. Bless you 🙏

[@biritsimonsen]

Yay! Thank you so much. : ) Let me know what else you'd like to know about.

[@RunAgainRover]

Thank you for this video! I had no idea how to change the padding above and below columns! And I like the way the four column section turned out when you put a bit of space between them.

[@biritsimonsen]

There are so many things you can do with columns and padding!

[@RunAgainRover]

@@biritsimonsen to a newbie all of the variability feels a bit overwhelming. That’s why I’ll be happy to see your next video! I also like your new scene transitions with the typewriter style text. 🙌

[@judblakely4179]

Thank you. You covered a lot of essential ground and covered it clearly and effectively. Keep on keepin' on...please.

[@biritsimonsen]

Thanks so much!! Will do. Mobile formatting coming next. : )

[@1254WV]

Thank you for this superb video. Your knowledge and ability to communicate are very impressive.

[@biritsimonsen]

Glad it was helpful!

[@ralfses]

Thanks Birit for your excellent videos about designing with WIX. You are easy to listen to and follow along. Thank you so much. I am so glad Thatcher found you at KZbin. ❤️ Ralf 🇸🇪

[@biritsimonsen]

Thanks so much! Happy to be of help. : ) 🇳🇴

[@inekehodalin8414]

Thank you so much, it's all very easy to follow and has reduced my stress levels considerably. I have a small problem which I just can't seem to get through. Whenever I try to link my menu item to the specific page I just end up adding another page, what am I doing wrong? Do you have any specific videos on anchors and linking only?

[@biritsimonsen]

Hm. Well, a menu item is usually a page you've already made, a dropdown menu or a link to another site or page elsewhere on the internet. What is it specifically you are trying to link from and link to? Let me know and I'll help you as best I can. : )

[@inekehodalin8414]

@@biritsimonsen First and foremost, thank you so much for responding. Your site has been invaluable to helping me navigate through all the steps. As far as this is concerned I am probably doing some really silly rookie thing. I have inserted a very simple menu bar across the top. I have successfully created three pages . I haven't published it yet. I use the dropdown menu for pages to add an anchor to the page. That was successful. But I am going wrong on the next step. I am going into the menu item I want to link to that page, then I go to manage menu, choose the page I want and then add a link at the top. I end up with the Home page plus the title again in the menu bar. It looks like I have just duplicated it. I can't attach photos here to illustrate.🤗

[@susanknupfer3233]

Thank you, I learned a lot! I have a Wix website that was built on strips and columns and then the sections arrived! I had to start fresh when I added new pages. So that went ok on desktop, but on mobile it is a nightmare! The sections creep up and overlap, no matter how many times I adjust the size. I am doing somethin wrong but I don't know what! I'm using my own saved sections with three or four strips in a section. Is this the problem? Should I only put one strip in a section?

[@biritsimonsen]

Hi Susan, I am extremely nosey and Googled you. Is your site Day By Day? If it is, holy heck do you have a lot of strips and columns!! I can see why the change over to Sections would be driving you nuts. I'm doing videos on mobile formatting next, but even I would need a bit of time to format your site for mobile. You have a LOT of elements there that would need to be rearranged. My first suggestion - that is kind of useless now - is that when you build a website you have to think of building it with mobile in mind. So you would build one page, format that page for mobile, and then duplicate that page and change the content. And so on. Your sections may have rearranged on mobile - that is true. But, I don't 'think they should be overlapping. Stips can overlap, or lay themselves, but sections should not be layering. I'll see what I can do about getting a mobile formatting video up asap. And if I've totally got the wrong site for you - let me know what your site really is and I'll take a look.

[@susanknupfer3233]

Yes it is Day by Day! and yes I do have a lot. The site has evolved over the last 10 years and now we have a section for members and a huge section for customers which contains a lot of resources. These resource pages are the ones giving me the most problems. I have approached Wix twice and they couldn't offer any solution. Anyway, I tried bigger sections and that was worse so now I am trying smaller sections with just one or two strips (after watching your video). Fingers crossed this works, because this page has to go live tomorrow ready for the new school term! @@biritsimonsen

[@susanknupfer3233]

​@@biritsimonsen hi again, just to let you know that reducing the size of the sections and putting two strips only in them has solved the problem! I have been so anxious about this and wasted hours on it. Twice I approached Wix support and they didn't help me, and it was such a simple solution. Not impressed with them! Thank you for your part in this process, I will be a devoted follower from now on!

[@natalieschuhler914]

This is a great video with more information than any others I've watched on using the new sections feature. This is a game changer for editing in Wix!! I have a question about changing the color outside of the dotted lines in a section - is there a way to do this without using a strip? I'd like the sides of the site to be a solid color and the inside of the "page" to be white but I can't seem to get this to work in sections.

[@biritsimonsen]

Thanks so much! I really appreciate the kind words. Okay, so you want the background of the page to be a color and the area between the gridlines to be white. I think the only way to do that is with a page-wide strip. So change the background of the entire page, then add a page-wide strip, make it white and elongate it to the length of the page. Not exactly what you mean, but it would suffice. And then you could add a page-wide strip to the footer and header as well. It would look the way you want it to. Hope that helps. : )

[@natalieschuhler914]

@@biritsimonsen thanks for the quick response! This is not the workaround I was hoping to have to use but it does work, thank you!!! I'm going to create a saved section with this already in place and hope it's easy for my clients to use as their template. For some reason, my own website created about 10 years ago has the option to have the inner page white with the background color/image only on the sides. I just can't figure out what those settings are. Something to do with the opacity....

[@biritsimonsen]

@@natalieschuhler914 I was going to mention that this used to be possible. Back before sections, when we designed directly on the "page" there was an option to format the page and you could do this. Sections changed that. With every big change there are always pros and cons. : )

[@allanbyrd5318]

I am using Wix for the first time. Using you videos as primary guide. Very helpful. But having some trouble with how to format copy. Can't seem to find any info that deals with this in detail. In some situations I want to put copy in columns and spread across the page. Also would like to wrap text around images. Having hard time with spacing and alignment. Could you do a video on this or tell me where to look for this info? Feel like Wix might be a little weak in this area. Many thanks for your videos. Appreciate the help.

[@biritsimonsen]

Hi there! Glad you are finding the videos useful. Okay, so you can't strictly wrap text around an image. You'd need to split the text into two sections and put some at the side of it (for example) and some underneath. This text will stay put on all devices if it's within gridlines. I think one reason for this is so that when you go to edit on mobile you can move the text more easily. If it were attached to the image, wrapping it, it would be hard to format on a phone. What do you mean "I want to put copy in columns and spread across the page"? That seems straightforward. Just make site-wide columns and place text inside the gridlines in the columns. Do you mean something else? Let me know.

[@Fastfit1231]

Great video, can you help me with an issue? I have created a strip with a 24-75 column size. I have placed a vertical menu in the 24-size column and is within the guideline. However, the menu will not stay within the guidelines when published, on a smaller screen it is not responsive? If you centre the vertical menu with the align tool within the column guideline, it moves it to the centre of the page and not the centre of the column? So frustrating, any help would be appreciated :)

[@biritsimonsen]

Hi there. I just had a look at your website. That's a really interesting idea - I don't think I've ever seen someone use a vertical menu like this! For some reason the menu is just not sticking to the column. I'd play with it. Make the column really long and move the menu around until I see the blue "Attach to Column" alert comes up. This WILL work - you just need to play around with it a bit. How is this working in mobile?

[@jessicaladd85]

I'm struggling to get my site to look "great" on larger screens. It doesn't look bad as I've followed many videos on the "gridlines" for strips and sections and things, but it still doesn't look awesome. Would "stacking" strips help?

[@biritsimonsen]

It might. You can absolutely manipulate your ability to place content across the website page horizontally by using layered (stacked) strips. Just make sure you are checking on smaller screens as well to ensure elements/text don't overlap on the smaller screens. : )

[@Ginaloveyou1]

Hi there! This one thing has been driving me nuts... Is it possible to overlap content, like an image between sections in Wix Studio? So my image is in one section but the top has to stand out and be in de section above... Please let me know since I can not find it anywhere... :(

[@biritsimonsen]

Hi there. This tutorial is for Wix Editor, not Wix Studio. In my opinion Wix Studio is waaaay to complex unless you are an experienced designer. In Wix Editor you can easily overlap elements. The best way to do that is to overlap different strips. You can see examples of this in the premade strips that are available when you go to add a strip or section. Hope that helps!

[@CaroleBaker-ee8bp]

Can I have an image as a background that spans all section?

[@biritsimonsen]

Yes, of course. I believe that is covered in this video. Simply click on the section, and then click on the pop-up bubble that says "Change Background". You can change it to an image, color, gradient or video. Whatever you wish.

[@princevasimalla]

Hi Birit, I hope you're doing well. For some reason I couldn'r resize the sections which I've recently added. I've been looking at a lot of tutorials and forums, none of them helped. Can you be able to? I'd really appreciate your help.

[@biritsimonsen]

Hi there. Do you mean you added a SECTION and you cannot drag in narrower vertically? Bear in mind that you cannot resize sections horizonatally. Only strips can be resized horizontally. From my experience, every once in a while they get "stuck" and I can't drag them up or down. The first thing to do is to try relaunching the site. Save it, exit out and relaunch the site editor. Very often this resets the ability to drag the size of the section up and down. My second fix would be to use the toolbar. Click on "TOOLS" in the upper right hand corrner. Click the checkbox on "Toolbar" and the toolbar will appear on the right side of the editor. In the middle of the bar you'll see "Size (px)" You can click on the height number and manually change it. That often works. I hope one of these fixes helps. If neither one does there is something in that section stopping it from being dragged smaller. Look at the LAYERS at the bottom of the toolbar to see if there is anything on the section that you are not seeing.

[@princevasimalla]

@@biritsimonsen I was at the verge of breakdown after trying to add more sections trying to design there trying to resize and do a lot of undos and redos and went to version history and all.... but your fix of just saving the work and re-launching the page saved my day! That is a huge help and I can't thank enough for your diligent and prompt support for this stranger, Ma'am. SUBSCRIBED, youre a life saver.

[@Laura-c7m5h]

wow

[@adriannahunter1986]

❣️ *Promo SM*