How to change elements' visibility for mobile and desktop
In this tutorial, we'll show you how to control the visibility of elements for mobile and desktop devices.
Step 1 - Open Section Settings
When you hover over a section, the "Section" menu will appear on the right side of the screen. Click the "Edit Section" button.
Step 2 - Open Elements Tab
In the "Section Settings" menu, go to "Elements" tab.
Step 3 - Hide / Show Elements
You will see a list of all the elements within that section.
Hovering over an ID will visually indicate the corresponding element by lowering its opacity.
To hide an element on desktop, click the desktop icon next to it.
To hide an element on mobile, click the mobile phone icon next to it.
Note: Changing the visibility of an element on desktop does not affect its visibility on mobile, and vice versa.Next steps:
Related Articles
How to change navigation links style
In this tutorial you will learn on how to change the style of navigation links. This will be different for desktop and for mobile. All navigation links are in fact buttons, but usually they have no style or minimal style. Step 1 - open editor Open ...How to change the background of an existing section
As a website builder designed for beginners, Aphyo offers intuitive tools that make it easy to personalize various elements of your site, including the background of existing sections. Whether you want to enhance the visual appeal, align with your ...How to change brand colors
This tutorial will guide you on how to change brand colors. Step 1 - Open Website Styles Click on the "Website Styles" button. Step 2 - Open Colors In the "Website Look & Feel" menu, select "Colors". Step 3 - Open Color Editor Click on the main color ...How to change fonts (typefaces)
In this tutorial, we will teach you how to change the font (typefaces). Step 1 - Open Website Style Click on the "Website Styles" button. Step 2 - Open Typography In the "Website Look & Feel" menu, select "Typography". Step 3 - Select Font Click on ...How to change an image
This tutorial will guide you on how to change an image. Step 1 Open the "Image Settings" editor. Click "Edit Image" on the hover menu or double-click on the "Image" element you want to customize. In the "Image Settings" editor, there are two ...