Top toolbar – Rexpansive Live

The top toolbar allows you to use various functions; furthermore, when scrolling the page, the toolbar will display all functions and properties of the specific section you are looking at.

Top Toolbar / Settings / Display

In some specific cases, depending on the website settings, the first section of the page may be partially hidden by the top toolbar, restricting its display and access to certain functions. This function allows the user to push the page contents. To manage this setting, position the cursor on the “Crown” icon and click on the gear-shaped icon:

This will open a window featuring the following functions:

1. ALL PAGES: if you want the page builder to retain the set distance on all pages;
2. SINGLE PAGE: if you want the page builder to retain the set distance only in the page you are working on;

Top Toolbar / Settings / Save

To save, press the “SAVE” button located in the top left part of the top toolbar. You can also save by simply pressing “CTRL+S” (Windows) or “CMD+S” (macOS) on your keyboard:

Top Toolbar / Settings / Models

By clicking on this button, a dropdown side menu will open, listing all models available to the user.

The “MODELS” section lists section models.

The “BUTTONS” section lists button models.

For use of models, please refer to the specific sections 

Top Toolbar / Settings / Pop-up functions

This setting makes all features of the section displayed by the user visible on the top toolbar, thus avoiding having to scroll the page to search for basic settings of the section in question.

Top Toolbar / Settings / Responsive

The responsive function can be managed on most devices by using the tools located on the right side of the top toolbar.

Icon (1) represents the SELECTED DEVICE on which you are working. By positioning the cursor on this icon, a dropdown menu will appear, listing: (2) AVAILABLE DEVICES and (3) the DEVICE CREATION button.

The currently selected device appears highlighted in blue in the list of available devices.

Top toolbar / Settings / Responsive / New

To create a new range size (for example: From 460px to 660 px), click on the “Gear” icon:

A window will appear featuring the list of all saved devices, with the correspondent sizes.

Click on the “+” icon to add an element to the list; you can specify a new customization for this element by entering the required values:

1. RANGE NAME: here you can enter the name of the device corresponding to the set range;
2. FROM: enter the minimum range size;
3. TO: enter the maximum range size;
4. ORDER: you can order ranges by dragging them up or down the list;
5. REMOVE: remove the range;

Top toolbar / Settings / Undo

You can navigate your changes by clicking on the two arrow-shaped icons. Use the left arrow to go back to a previous change. Use the right arrow to navigate to the next change.

Top toolbar / Settings / Code

You can enter your own CSS code by clicking on the “Code” icon, located in the top right part of the top toolbar.