Is it still possible to choose which viewport to show or hide sections in the newer version of Webflow, as shown in the 5-year-old video at the 7-minute mark?
Yes, it is still possible to choose which viewport to show or hide sections in the newer version of Webflow. Webflow gives you full control over the visibility of sections on different devices, allowing you to create a responsive design that looks great across all screen sizes.
Here's how you can show or hide sections for specific viewports in Webflow:
- Select the section or element you want to modify.
- In the Style panel, click on the "+" icon next to "Display".
- You will see a dropdown menu with options for different viewports: Desktop, Tablet, and Mobile.
- Select the viewport for which you want to show or hide the section.
- Choose one of the available display options: Block, Flex, or None.
- Block: The section will be displayed as a block element, taking up the full width of the viewport.
- Flex: The section will be displayed as a flexible container, allowing you to position and align its contents.
- None: The section will be completely hidden on that viewport.
By choosing the appropriate display option for each viewport, you can customize the visibility and layout of sections based on the device that your visitors are using. This ensures that your website looks great and functions properly on any screen size.
Please note that the steps above are valid as of the time of writing and may be subject to change as Webflow continues to evolve its platform.
Additional Questions:
- How do I make sections responsive in Webflow?
- Can I customize the layout of elements for different devices in Webflow?
- What are the different display options for sections in Webflow?
