Area Switcher (Header and Footer)

The Area Switcher widget allows users to switch between different measurement units (e.g., square feet, square meters) directly on your site. It's particularly useful for international audiences, providing flexibility in how property dimensions are displayed.
To use this widget, you first need to enable it in Theme Options → Top Bar → Area Switcher.

How to Add the "Area Switcher" Widget

1. Open your page or header template in Elementor.
2. From the widget panel, search for Area Switcher.
3. Drag and drop it into the desired section of your header or footer.
4. Make sure the feature is enabled under Theme Options, otherwise it won't appear correctly.

Configuration Options

Content Tab

• Vertical Padding: Adjust vertical spacing for the switcher.
• Horizontal Padding: Adjust horizontal spacing for the switcher.

Style Tab

• Typography: Control font style for normal and hover states.
• Color: Set the default text color.
• Color :hover: Define hover color for the text.
• Background Color: Set the dropdown background.
• Position from Top: Adjust how far the dropdown appears from the top.

Best Practices

• Enable the feature in Theme Options before adding the widget.
• Place the Area Switcher in the top bar or header for easy accessibility.
• Keep contrast between text and background for readability.
• Test the switcher across different devices to ensure proper alignment.

Notes

• The Area Switcher only works if predefined in Theme Options.
• It is primarily designed for international users to toggle between measurement units.