A new site header with Elementor Pro's theme builder
Build a header with your logo, menu and a call-to-action button as an Elementor Pro template that shows nowhere until you approve it with your password.
- Difficulty
- Advanced
- Time
- about 30 min
- Works with
- Elementor, Elementor Pro
I want a cleaner header on my WordPress site, built with Elementor Pro. First tell me which headers already exist and where they show. Then make one with the logo on the left, the [menu name] menu in the middle and a [button text, e.g. Book a table] button on the right linking to [address], in the colours my pages already use. If a header already exists, change that one instead of adding a second. Keep it hidden until I have looked at it in Elementor, then show it on the whole site only when I say so.
Already connected?
If SAR is already in your AI app, this is enough:
Make an Elementor Pro header with the logo, [menu] and a [button] button, and keep it hidden until I approve.
What happens
- The AI app lists the theme-builder templates, so an existing header is changed rather than doubled.
- It checks the widget names it may use, such as the site logo and the navigation menu.
- It saves the header as a draft template that shows nowhere yet; you can open it in Elementor to look it over.
- Showing it on the whole site changes every page at once, so it is approved in SAR with your password and can be undone.
- It takes a screenshot of the home page afterwards so you see the new header in place.
Approvals involved
Worked out from the tools this recipe uses.
wordpress_list_elementor_templatesElementor theme templatesNonewordpress_list_elementor_widgetsElementor widgetsNonewordpress_save_elementor_templateSave an Elementor theme templateDepends on the changewordpress_set_template_conditionsShow an Elementor templateApproval and passwordsar_screenshot_pageScreenshot a pageNone
What you get
One header across the whole site, the way you described it, made live only after you saw it.
Related recipes
- Design & builders · about 20 minA helpful 'page not found' page with Elementor ProReplace the plain 404 page with one that matches your site and points visitors to search, your best pages and a way to contact you.
- Design & builders · about 25 minBuild an Elementor landing page as a draftDescribe the page you need and get a full Elementor layout in a draft page, with a preview link, before anything goes live.
- Design & builders · about 20 minRework the hero section of a live Elementor pageNew heading, text and buttons at the top of a live Elementor page, built in a draft copy you compare with the live page before it replaces it.
Try it on your own site
Install the plugin, add SAR to your AI app and paste the prompt. Free to start.