Tracker header can be applied to the entire site.

To configure the settings, you will need to reach them from the hamburger menu at the top left of the Elementor interface of each Elementor Editor page.

Here you can configure Tracker Header by enabling the setting, this will be valid for the whole site.


Tracker header will paste the header of your site while scrolling the page. In addition, the warhead will disappear during the scroll but will reappear with a small swipe upward. This will help to always optimize available spaces, especially on mobile devices.

Selector Wrapper

Indicate the CSS selector of the wrapper that you are trying to transform during the passage between the pages.

This article can help you understand what it is based on the theme you are using.

In the "Selector Wrapper" item you must insert the CSS selector (.class or #id) which collects the header. In some cases, you will have to manage more than one element such as the top-bar. You can define a list of elements separated by commas (,) in order to collect them and apply the Tracker Header to each one of them.

For example on our site the configuration is the following:

With no selector on the page, you will see no matches.

When the selector coincides, it will be indicated in green. From now on, the parameters for configuring the characteristics of the Tracker Header will be available.

CSS

You can customize the look of the header intervening via CSS and using the classes assigned to the header selector when scrolling the page. Read more...


Options

Overlay

By enabling this option the header will float fixed on the page, a z-index is allowed.


Responsive

You can apply the Tracker Header based on the device:

  • Desktop;

  • Tablet;

  • Mobile.

Did this answer your question?