
π Method 1: Use Smart Slider 3 (Recommended)
Since you already have Smart Slider 3, letβs add it after the navigation bar.
Step 1: Create a Slider
- Go to: WordPress Dashboard β Smart Slider.
- Click New Project β Create a new slider.
- Upload images and configure full-width settings.
- Save the slider.
Step 2: Get the Slider Shortcode
- After saving, copy the shortcode (it will look like this): csharpCopyEdit
Step 3: Add the Slider Below Navigation
- Go to: Appearance β Theme File Editor.
- Open header.php or functions.php (use a child theme to prevent updates from overwriting changes).
- Add this code to insert the slider after the navigation: phpCopyEdit
add_action('generate_after_header', 'add_custom_slider'); function add_custom_slider() { echo do_shortcode(' // Replace "1" with your slider ID }
- Save the file and check your homepage.
β
Pros: No page builder required, fast, and optimized.
β Cons: Requires a small PHP edit.
π Method 2: Use Elementor (Easier, No Coding)
If you prefer Elementor, follow these steps:
Step 1: Enable Full-Width Page
- Go to: Appearance β Customize β Layout β Container.
- Set Container to Full Width.
- Click Publish.
Step 2: Edit Homepage with Elementor
- Go to: Pages β Edit Home Page.
- Click Edit with Elementor.
- Add a Section β Set it to Full Width.
- Drag and drop the Smart Slider 3 widget and select your slider.
- Save & Publish.
β
Pros: No coding required, full design control.
β Cons: Elementor can slow down your site if not optimized.