How to use Back to Top

The Back to Top module adds a scroll-to-top button to every page on your site — no widget to place, just settings to configure. It appears automatically once a visitor scrolls down far enough.

Where to Configure It #

This isn’t an Elementor widget you drag onto a page — it’s a site-wide module configured in Elementor’s Site Settings.

1. Open any page in the Elementor editor (or go to Templates → Kit in the WordPress admin sidebar).
2. Click the hamburger menu (☰) in the editor’s top-left corner, then choose Site Settings.
3. Select the BEW Back to Top tab.

Note: There’s no on/off switch — the button is always present once BEW is active and Elementor has a Site Settings kit, which is the normal state on any Elementor site. These settings control how it looks and behaves, not whether it appears.

Content Settings #

• Icon — pick any icon from Elementor’s icon library (defaults to an upward arrow).
• Button Text — optional label next to the icon; leave empty for an icon-only button (the default).
• Tooltip — optional hover text and accessible label; falls back to “Scroll to top” if left empty.
• Scroll Offset (px) — how far a visitor must scroll down before the button appears (defaults to 300px).
• Position — Bottom Left or Bottom Right (defaults to Right), with responsive Horizontal Offset and Vertical Offset sliders (both default 20px) for exact placement.

Style Settings #

• Icon Size, Button Width, Button Height, Padding, Border Radius — responsive sizing controls.
• Typography — for the button text, shown only when Button Text isn’t empty.
• Text Color and Background Color — separate Normal and Hover states.
• Border and Box Shadow group controls.
• Opacity — applied once the button is visible.
• Entrance Animation — None, Fade In (default), Slide Up, or Float, for how the button appears when it first shows up.
• Z-index — defaults to 999, in case another fixed element on your page needs to sit above or below it.

Frequently Asked Questions #