Rey Module – Side Header

You are here:
Estimated reading time: 1 min

This plugin will force the header to display like a vertical fixed bar, attached to the left side of the site.

Side header in action.

To enable it, please access Appearance > Install Plugins and look for the Rey Module – Side Header plugin. If it’s now shown, please click the “Sync Plugins List” button at the top.

After you activate it, it will automatically take over the header’s display, so you can immediately preview its looks.

To customize its width and options, please access Customizer > Header > Side header and you can find various options, such as:

  • Horizontal align. To align components horizontally.
  • Enable Hover effect. This will add a smooth hover effect increasing the width of the header and will also add a shadow;
  • Width. Customize the width of the header. Please know that if the width goes under a 120px threshold, it will cause the menu and components to display as icons.
  • Side padding. Will customize the surrounding padding of the header.
  • Layout style. This will only apply to “default” Header, meaning if you’re building the header with a Global Header, this option won’t be available.

This feature supports both “Default” header and Header Global Sections (headers built with Elementor).

Use Fullscreen Menu with Side Header

The Fullscreen Menu can be found in action in Stockholm Demo .

To use the Fullscreen Menu functionality in the Side Header, simply build the header as a Header Global Section and add the Fullscreen Nav. Icon element inside.

More info on FullScreen Menu plugin here https://support.reytheme.com/kb/fullscreen-menu/ .

Was this article helpful?
Dislike 0
Views: 458

Join the conversation