Rey Elements – Header

You are here:
Estimated reading time: 2 min

These are Elementor widgets built to be used in Rey theme.

These are elements that should be used exclusively into the Header’s Global Sections.

Please note that clicking on header elements is disabled in Edit mode.

This element simply adds the site logo, that by default is defined in Customizer > Header > Logo panel.

You can however override and customize these default options just by enabling the “Override settings” toggle.

Quick screencast : .


To resize an image, use WordPress’s built-in Media Library eg: .

To control the element width (and image inside) click on Advanced tab and open Custom positioning section. In the width section select Custom eg: .


This element adds a button and panel that holds a registration form & login form as well as Wishlist saved items.

Quick screencast: .

Read more about these settings at Customizer > Header > Account . To enable registration form, please follow this article – How to enable registration / account creation .


This element will display the Cart header component. WooCommerce must be installed and active for this element to be displayed.

Quick screencast:

This element will display the Main navigation component of the header. You can override the default settings pre-defined in Customizer > Header > Navigation panel and choose other menus.

Quick screencast: .

This element will display the header’s search box. You can override the default settings pre-defined in Customizer > Header > Search and choose a different display.

Quick screencast: .

Language switcher

This element will display a language switcher selector. For the moment, the element only works if one of these 3 plugins is installed Polylang, WPML or QtranslateX (not developed any more).

Quick screencast: .

Caller block

This element is nothing more than a wrapper for 2 links, one over the other, and can be seen in Valencia demo’s header .

To link to a modal, please follow these steps:

  1. Create the modal section. Here’s more on this topic .
    I think it would be best to create the modal section into the Footer global section, so that it’ll be loaded in all pages. If you don’t want into the footer, but want to publish throughout the entire site please follow this topic .
  2. In the Caller Button section in Elementor eg: , make sure to add the unique modal id, that you can grab from the section settings eg: .

Fullscreen Nav. Icon

This element belongs to Fullscreen Navigation Rey Module and it’s used to trigger a sliding animated fullscreen panel.

Was this article helpful?
Dislike 0
Views: 3752