How can I edit text that is hidden by other sections in Webflow? I'm new to Webflow and struggling to find a solution in the editor. Thank you for your help!

TL;DR
  • Use the Navigator panel to select the hidden text or its container.  
  • Temporarily hide overlapping sections using Display: None in the Style panel.  
  • Adjust Z-index or positioning to bring the hidden text forward.  
  • Ensure you're not in Preview mode and use X-Ray mode to identify overlaps.

If text is hidden behind other sections in Webflow, it’s likely being obscured by overlapping elements or Z-index settings. Here's how to resolve this and edit the hidden text effectively.

​

1. Use Navigator Panel to Select the Element

  • Open the Navigator tab (left sidebar) to view your page structure.
  • Locate and click directly on the hidden text element or its parent container.
  • This allows you to select items that may be hard or impossible to click directly in the canvas.

​

2. Temporarily Hide Overlapping Sections

  • While in the Navigator, find any sections or divs that are covering the text.
  • Click on the section and go to the Style panel. Set Display: None temporarily to hide them.
  • Now you can see and click on your hidden text to edit it.

​

3. Adjust Z-Index or Positioning

  • If the overlap issue is caused by layout, check the Z-index values of your elements.
  • Select the hidden text container and ensure it has a higher Z-index than the overlapping section, or reduce the Z-index of the overlapping section.
  • Also review Position settings (e.g., Relative, Absolute, Fixed), which may be forcing elements to layer incorrectly.

​

4. Use Preview and Canvas Modes

  • Make sure you’re not in Preview mode, which hides Webflow UI tools. Click the eye icon in the top-left to toggle it off.
  • Zoom out or drag elements in the canvas to uncover hidden areas, but always reset them afterward.

​

5. Use X-Ray Mode (Optional)

  • Click the eye icon dropdown in the canvas controls and enable X-Ray mode.
  • This makes all elements semi-transparent, helping you to identify overlapping items visually.

​

Summary

To edit text hidden by overlapping sections in Webflow, use the Navigator panel to select it directly, or temporarily hide interfering sections. Adjust Z-index and positioning if needed, and consider using X-Ray mode for better visibility during editing.

Webflow Resources
Webflow templates
Webflow inspiration
Rate this answer

Other Webflow Questions

Explore Logic tutorials
How can I make the lottie animation embeds in Webflow full screen and responsive like this example codepen.io?
How do I resolve issues with order confirmation emails and mobile optimization for ecommerce in Webflow?
How can I fix the issue of lottie animations overflowing the rounded corners of a div? I have already tried using the overflow hidden property and it only occurs on mobile devices when viewing the live site, not in Webflow preview.
Can I create a form in Webflow that submits and creates new CMS items, without using any third-party integrations or tools?
How can a CMS collection be linked to a dropdown menu in Webflow?
Is it possible to completely remove all content, styles, and CMS from a paid plan website started with a template in Webflow?
Is there a tool in Webflow to add a custom logo animation as a preloader for webpage loading, similar to pace.js?
How can I achieve smooth scrolling when linking to another section within the same page in Webflow?
Why is my client's website showing a double 'www' and not loading when accessing the custom domain in Webflow? The A records and CNAME are correctly set up in GoDaddy.
Can websites created in Webflow be transferred to other hosting platforms like cPanel or Plesk, or are there alternative solutions?
How can I add a CSS function recommended by Google Pagespeed Insights in Webflow using custom code?
How can I prevent mobile page zooming in Webflow despite having the code in place?
How can I enable user account creation and interaction on my Webflow website without using Firebase integration?
How can I hide the Coda badges displayed when an iframe loads from `<a class="lightbox"` using Webflow?
Can I code something in Webflow to set up 5 separate Slick Sliders with the same settings?
Can I capture a screenshot of a Webflow page on click and convert it to a downloadable PDF?
How can I alternate the layout of the image and heading for each collection item in a two-column format on Webflow?
How can I execute JavaScript code when clicking a specific button with a given ID in a Webflow project?
How can I disable the Webflow success or failure state for a sign-up form and display a custom thank you page using jQuery and the Webflow form submit state?
How can I create a vertical scrolling menu with Webflow, similar to the one on Apple's website, that switches to horizontal scrolling when the menu doesn't fit on one screen?
How can I change the language of the Google Maps embed from English to Arabic in Webflow?
How can I reduce the vertical space between lines within a bullet point in Webflow? Can I replace the bullet points with icons on the "Services" page?
How can the text color be changed for custom input fields on Webflow?
How can I add conditional visibility in Webflow to prevent a div from appearing on a published page if a CMS field is empty?
How can I stop a YouTube video from playing in the background in audio mode when I close a modal in Webflow?
How can I connect and use my JavaScript and CSS files for special functions and styles in Webflow?
How can I fix the "Ensure text remains visible during webfont load" warning in Webflow?
How can I implement a ThreeJS script as a background for my Webflow project using custom code?
How can I send data from a Webflow Form to ActiveCampaign without using Zapier? I have set the form to POST and input the form's action URL, similar to Mailchimp but it redirects me to the admin area of ActiveCampaign without sending the data. Has anyone had success with this method?
Can Webflow be used to create a "blob" elements effect in the header of a website using custom code or JavaScript?