Creating a new section

Design help Layout & Design
1

Hi there. I am trying to create a new section below the current section. It’s possible to put above but not below. Can anyone explain why?

2

hi @Marz the best way to get help is to follow the forum post guide that is pinned on top of each section, if you have missed it here they are.

When posting please:

  • Required: Share your project’s Read-Only link and live site’s Published link
  • The read-only link is a special URL generated in the Dashboard to allow others to view your project in the Webflow Designer. How to get your project’s read-only link?
  • The published link is the webflow.io subdomain where you can view the live site with custom code running. It is IMPORTANT to share this link, as custom code (eg. javaScript) does not run in the Designer.
  • Describe issue in detail including what page, section and/or element is localized
  • Upload as many screenshots as possible or provide screencast videos to help others help you faster
  • Add a description and/or post a link to a working example of what you’re trying to achieve
  • Reply to users by tagging using the @ sign followed by their forum username like this: @forumMemberName

The best way to learn how to work with WF is to finish all courses they provide and read documentation if needed.

3

Webflow is a bit clunky until you know how it behaves. A Section cannot be put inside another section. When it is above the current section it should show a blue line but does not.
Insterad, go to the ADD Elements button (plus sign). Select your Section element. Then drag it onto the screen area, you will get red warnings, ignore them. Then whilst still holding the mouse button down, drag it left again, but this time to hover over the Navigation menu, which should pop open. Plonk it anywhere here. If you have held the mouse button since selecting teh element, it will appear somewhere in the navigation lists/Next drag it to your desired position - at the very top.
I use the Navigation screen quite a lot as I prefer it to sorting things in the main screen which can be clunky and deceptive. I always check rthat my elements are in the correct heirarchy using hte LHS Navigation
I am a learner. There may be better ways, but you have one method that works.

Z

4

hi @ZeroZero1 WF prevent non-developers create semantically incorrect HTML. More about what is <section> element and how should be used can be find on W3C. If you need nested elements you can always use only plain <div> elements or <div> in <section> etc. etc…

1 Like