Special offer. See more information about Outbyte and uninstall instructions. Please review EULA and Privacy policy.

iTechGuides is reader-supported. When you buy through links on our site, we may earn an affiliate commission. As an Amazon Associate I earn from qualifying purchases. Learn more

In Hostinger AI Builder’s manual mode, select the element or section you want to hide, then click the eye icon. Use the desktop and mobile views to manage visibility separately; when you need different layouts, duplicate the content and hide the appropriate version in each view. Click Update website to publish your changes.

Hide an element or section

  1. Open your website in Hostinger AI Builder’s manual mode and select the element or section.

  2. Click the eye icon to hide the selected item. For sections, select the section first; Hostinger lists Hide/Show among the section controls. See Hostinger’s guide to hiding elements and sections and section controls guide.

    Special offer. See more information about Outbyte and uninstall instructions. Please review EULA and Privacy policy.
  3. Click Update website to publish the change. Until you update the site, the change may not appear on the live website. Hostinger includes this step in its manual-mode troubleshooting guidance.

    #1 Best Overall
    Sale
    HTML and CSS: Design and Build Websites
    • HTML CSS Design and Build Web Sites
    • Comes with secure packaging
    • It can be a gift option

Hostinger lists exceptions to the general element-hiding instruction: the footer, online-store single-product and product-list sections, blog, and blog-post header. The general eye-icon steps should not be assumed to work for those items. The header has its own hide control, documented in Hostinger’s header settings guide.

Show different content on desktop and mobile

To use different versions of an element or section on desktop and mobile, duplicate it, then set visibility for each version in the corresponding view. In the mobile view, Hostinger’s troubleshooting guide directs users to the layers panel, where the eye icon can hide specific elements on that device type.

  1. Duplicate the element or section you want to present differently.

    Special offer. See more information about Outbyte and uninstall instructions. Please review EULA and Privacy policy.
  2. Switch to the desktop or mobile view and use the eye icon in the editor or layers panel to hide the version that should not appear in that view.

  3. Repeat in the other view so the intended version remains visible there.

  4. Click Update website to publish.

For details, see Hostinger’s manual-mode display troubleshooting guide.

Rank #4
Sale
Web Design with HTML, CSS, JavaScript and jQuery Set
  • Brand: Wiley
  • Set of 2 Volumes
  • A handy two-book set that uniquely combines related technologies Highly visual format and accessible language makes these books highly effective learning tools Perfect for beginning web designers and front-end developers

Hide, delete, and remove a page from navigation are different actions

Action What it affects Where to look
Hide an element or section Whether selected content is visible in the relevant editor view. Select it and use the eye icon, where available.
Delete an element or section Removes the content rather than merely changing its visibility. Use the Delete or trash control. Hostinger describes this separately in its template customization guide.
Hide a page from navigation Whether the page appears in the site’s navigation menu. In the Pages and navigation panel, open the page settings and choose Hide from navigation, or move it to the hidden-from-navigation area. Update the site for the change to appear online. See Hostinger’s page navigation guide.
Change search-engine visibility Whether a page is configured for search-engine visibility; this is a separate page setting, not the element eye control. Check the page’s search-engine visibility settings in the Pages and navigation panel.
Independent reader supportYour contribution helps us test, update, and keep practical guides available for everyone.Support on Ko-Fi

If the eye icon is missing or the change does not appear

Product prices and availability are accurate as of the date/time indicated and are subject to change. Any price and availability information displayed on Amazon at the time of purchase will apply.

Special offer. See more information about Outbyte and uninstall instructions. Please review EULA and Privacy policy.