Скачать или смотреть Hide Sections Or Elements On Mobile And Desktop In Hostinger Website Builder

In this tutorial, I will show you how to hide sections or elements in Hostinger Website Builder. This feature allows you to customize what appears on your desktop and mobile versions separately, giving you full control over your website design.

First, open your Hostinger Website Builder and select the section you want to hide. Click on it, then find and click the “Hide/Show” option. Here you can enable or disable the section for desktop, mobile, or both.

A useful tip is that you can edit different versions of your website. For example, you can create one version for desktop and another for mobile. In my example, I duplicated a large photo section. The first version has a product search bar, and the second version has big text, a small description, and a large button.

To manage visibility, click on the first section and choose to hide it on mobile. For the second section, make it visible only on desktop. When you preview your work, you’ll see that the desktop version shows the large photo with a button, while the mobile version displays only the product search bar.

You can also hide individual elements. Simply click on the element, select “Hide,” and choose whether to hide it on mobile or desktop. For instance, I have an Instagram feed visible on the desktop but hidden on the mobile version.

By using this method, you can control exactly which sections and elements are displayed on desktop and mobile, improving your website’s layout and user experience.