In Webflow, how can I add a new section underneath the "hero-section" so that it displays below and I can start scrolling and add content?

Published on
September 22, 2023

To add a new section underneath the "hero-section" in Webflow, follow these steps:

  1. Open your project in Webflow Designer.
  2. Identify the parent element of the "hero-section" where you want to add the new section. This could be the body element or another div container.
  3. Click on the parent element to select it.
  4. In the right sidebar under the "Add" tab, click on the "+" icon to add a new element.
  5. Choose the type of element you want to add for your new section. For example, you may want to add a div block, text block, or an image block. Click on the desired element to add it to your project.
  6. By default, the new element added will be inserted above the selected element. To change the position of the new section, you can either drag and drop it below the "hero-section" or use the arrows in the Navigator panel to move it down.
  7. Once the new section is positioned where you want it, you can start adding content to it. Use the Webflow Designer tools to customize the design, layout, and styling of the new section as desired.
  8. Repeat these steps if you want to add more sections below the "hero-section".

By following these steps, you can easily add a new section underneath the "hero-section" in Webflow and start scrolling to add content. Webflow's intuitive visual interface simplifies the process of building and customizing your website's layout and structure.

Additional Questions:

  1. How do I resize and reposition elements in Webflow Designer?
  2. Can I add custom code to my Webflow project?
  3. How can I publish my website built with Webflow to a custom domain?